在 Kendo 网格中的 header 下方显示水平滚动条
Show Horizontal scrollbar under the header in Kendo grid
我有一个带有水平滚动条的 kendo 网格。默认情况下,滚动条的位置在网格底部。
但我的要求是在网格顶部(网格下方header)显示水平滚动条。
可以吗?请告诉我!
使用这个答案How to change scroll bar position with CSS?
并使用样式规则
将其修改为可滚动的 kendo 网格
.k-grid-content,
.k-grid-content table {
transform:rotateX(180deg);
-ms-transform:rotateX(180deg); /* IE 9 */
-webkit-transform:rotateX(180deg); /* Safari and Chrome */
}
会将水平滚动条放在顶部。
演示:https://dojo.telerik.com/@Stephen/etIYa
如果您使用的是虚拟滚动,那么您必须更改样式规则以进行补偿,因为可滚动网格和虚拟可滚动网格的结构不同 kendo。
我有一个带有水平滚动条的 kendo 网格。默认情况下,滚动条的位置在网格底部。
但我的要求是在网格顶部(网格下方header)显示水平滚动条。
可以吗?请告诉我!
使用这个答案How to change scroll bar position with CSS? 并使用样式规则
将其修改为可滚动的 kendo 网格.k-grid-content,
.k-grid-content table {
transform:rotateX(180deg);
-ms-transform:rotateX(180deg); /* IE 9 */
-webkit-transform:rotateX(180deg); /* Safari and Chrome */
}
会将水平滚动条放在顶部。
演示:https://dojo.telerik.com/@Stephen/etIYa
如果您使用的是虚拟滚动,那么您必须更改样式规则以进行补偿,因为可滚动网格和虚拟可滚动网格的结构不同 kendo。