Kendo 网格的水平滚动

Question

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

我什么都试过了，但 none 成功了。我尝试的最后一件事是用宽度有限的 div.

包围网格

Answer 1

应用 Scrollable() 并为每列指定宽度，然后如果总宽度超过网格的宽度，将出现水平滚动条。

参考

Answer 2

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

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 网格水平滚动的简单解决方案

如果你想在整个网格上水平滚动而不是在特定列上，那么你可以试试这个。

使用width: 'auto'

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

Answer 5

我遇到了与 Angular 12 相同的问题。将 [scrollable]="true" 添加到 kendo-grid 解决了我的问题。

Horizontal scroll for a Kendo Grid