剑道角度细节网格布局问题

Question

似乎剑道角2细节网格布局在放大铬时非常容易打破。列的设置宽度是否与此有关？

在这里可再生plunker link

<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.或者放大'in chrome'网格布局中断（没有水平滚动条可以导航）

Answer 1

您需要设置Product Name和Unit Price列的宽度，并在kendogrid中将scrollable属性设置为“scrollable”。