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

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，如果您能够在那里重现问题，请告诉我。