It seems the kendo angular 2 detail grid layout breaks very easily while zooming in chrome. Does setting width of columns has anything to do with this?
Reproducible here 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>
Either set the resolution to 1048 x 768. Or zoom in 'in chrome' Grid layout breaks (no horizontal scrollbars to navigate)
您需要为“产品名称”和“单价”列设置宽度,并在kendogrid中将“ scrollable”属性设置为“ scrollable”。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.