angular - Kendo-ui-angular2 grid：如何强制网格重绘？

Question

我在移动设备网站上使用 Kendo-ui-angular 2 网格。我的目标是显示不同数量的列，这取决于设备方向（横向模式下的列多于纵向）。

我已经能够检测到设备方向，并且我正在使用 *ngFor 将 kendo-grid-column 组件绑定到列数组，并根据设备方向更改数组中的列数。一切正常，但我唯一的问题是，当更改设备方向和更改列数时，网格不会更新列，直到我点击或单击网格。

当列数发生变化时，有没有办法以编程方式强制重新绘制网格？

Answer 1

试图重现相同但没有运气：

<template ngFor [ngForOf]="columns" let-column>
        <kendo-grid-column
          *ngIf="!column.hidden"
          field="{{column.name}}"
        >
          <template kendoHeaderTemplate let-dataItem>
              {{dataItem.field}}
          </template>
        </kendo-grid-column>
      </template>

看到这个plunkr并让我知道你是否能够在那里重现问题。