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

时间:2017-12-27 22:03:48

标签: angular kendo-grid kendo-ui-angular2 kendo-ui-grid

似乎剑道角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' 网格布局中断(没有水平滚动条可以导航)

1 个答案:

答案 0 :(得分:2)

您需要设置“产品名称”和“单价”列的宽度,并将可滚动属性设置为&#34;可滚动&#34;在kendogrid。