劍道角度細節網格布局問題

Question

似乎在放大chrome時，kendo angular 2細節網格布局很容易破壞。 設置列寬是否與此有關？

可復制的此處鏈接

<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 x768。或者放大“鍍鉻”網格布局中斷（無水平滾動條可導航）

Answer 1

您需要為“產品名稱”和“單價”列設置寬度，並在kendogrid中將“ scrollable”屬性設置為“ scrollable”。