Kendo角细节网格布局问题

Question

看来，kendo Angular 2细节网格布局在放大铬时很容易断裂。列的设置宽度是否与此有关？

可重现的plunker链接

<kendo-grid
          [data]="view | async"
          [pageSize]="5"
          [skip]="skip"
          [pageable]="true"
          [scrollable]="'none'"
          (pageChange)="pageChange($event)"
        >
      <kendo-grid-column field="ProductID" title="Product ID" width="120">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="120">
      </kendo-grid-column>
      <kendo-grid-column field="ProductID" title="Product ID" width="220">
      </kendo-grid-column>
      <kendo-grid-column field="ProductName" title="Product Name">
      </kendo-grid-column>
      <kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:c}">
      </kendo-grid-column>
      </kendo-grid>

将分辨率设置为1048 x 768。网格布局断裂（没有水平滚动条要导航）

Answer 1

您需要设置产品名称和单位价格列的宽度，并将可滚动属性设置为kendogrid中的"可滚动"。