IE 11中的Kendo-ui-angular2網格水平滾動問題

Question

嘗試水平滾動Kendo UI Angular2網格時，我遇到了IE 11中的性能不足。 列數可能會不時更改。 每次我至少有30列。 IE凍結UI超過10秒鍾，甚至崩潰。

我的網格版本是0.5.0。 這是我的網格設置：

<kendo-grid
    [data]="view"
    [scrollable]="'virtual'"
    [height]="gridHeight"
    [pageSize]="pageSize"
    [rowHeight]="rowHeight"
    [skip]="skip"
    [sortable]="{ mode: 'multiple' }"
    [sort]="sort"
    (sortChange)="sortChange($event)"
    (pageChange)="pageChange($event)">
    <template ngFor [ngForOf]="columns" let-column>
        <kendo-grid-column
            field="{{column}}"
            [headerStyle]="{'border': 'none', 'font-size': 'medium'}"
            [width]="computeWidth(column)"
            [style]="{'border': 'none', 'font-size': 'small'}">
            <template kendoCellTemplate let-dataItem>
                <div>
                    {{dataItem[column] | truncate : 75 }}
                </div>
            </template>
        </kendo-grid-column>
    </template>
</kendo-grid>

編輯：更新網格直到0.6.2，與IE甚至Chrome認為比預期更長的時間。 例子在這里

Answer 1

使用虛擬滾動時，不要將網格綁定到完整數據（數千行），而只能綁定到當前分頁的數據。 這就是使虛擬滾動快速進行的原因-僅呈現當前可見的數據。 在文檔的虛擬滾動示例中對此進行了顯示。

private loadProducts(): void {
    this.gridData = {
        data: this.data.slice(this.skip, this.skip + this.pageSize),
        total: this.data.length
    };
}

請參閱更新的插件代碼段 。