[英]Kendo angular detail grid layout issue
似乎在放大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。或者放大“镀铬”网格布局中断(无水平滚动条可导航)
您需要为“产品名称”和“单价”列设置宽度,并在kendogrid中将“ scrollable”属性设置为“ scrollable”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.