Kendo Grid的水平滚动

Question

我在Kendo Window中有一个Kendo Grid。如何使用包装器启用其水平滚动？

我尝试过任何事情，但都没有奏效。我尝试的最后一件事是使用宽度限制div围绕网格。

Answer 1

您是否尝试过使用冻结列，如果我要显示很多列，我更喜欢使用此功能。

<强> Demo Section

Answer 2

应用Scrollable（）并为每列提供Width，然后如果总宽度超过网格的宽度，则会出现水平滚动条。

参考

Scrolling

Kendo Grid Horizontal Scroll bar

Answer 3

这里的另一个解决方案可能是使用bootstrap中的“table-responsive”。 例如：

<div class="table-responsive">
   <div id="grid"></div>
</div>

并且在kendogrid的声明中是这样的：

$("#grid").kendoGrid({
     dataSource: dataAjax.Rotation,
     scrollable: false,
});

Answer 4

一种简单的解决方案，用于获取剑道网格的水平滚动

如果要在整个网格上而不是在特定列上进行水平滚动，则可以尝试此操作。

使用width: 'auto'

如果网格的大小大于容器的大小，它将显示水平滚动。

Demo