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

获得Kendo Grid水平滚动的简单解决方案

如果您希望在整个网格上进行水平滚动而不是在特定列上，那么您可以尝试这样做。

使用width: 'auto'

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

Demo