jQuery - Kendo UI Grid - 大量列答案

【问题标题】：jQuery - Kendo UI Grid - Large Number of ColumnsjQuery - Kendo UI Grid - 大量列
【发布时间】：2012-10-01 16:49:37
【问题描述】：

我有一个包含大量列 (50) 的 Kendo UI 网格。尽管用户可能只会选择几个列来查看，但他/她需要能够从 50 列中的任何一个列中进行选择。不幸的是，在大多数显示器上，剑道网格列菜单将大于显示器。有没有办法使列菜单可滚动或在列菜单中设置子菜单（包含列组）？

另外，我发现 kendo Grid 组件的初始创建使用列菜单构建 50 列的速度很慢。在最初隐藏所有列时甚至是这样。如果可以解决上述视图问题，请告诉我是否还有办法帮助提高性能。非常感谢。

【问题讨论】：

【解决方案1】：

您可以使用CSS来降低列菜单的高度并添加滚动条：

.k-group .k-group
{
  height: 100px;
  overflow: auto;
}

【讨论】：

哇，太棒了！非常感谢您在这方面所做的工作！不幸的是，性能是一个问题。初始创建时间约为 7 秒，显示/隐藏列的操作也有相当多的延迟。关于如何克服性能问题的任何想法？

【解决方案2】：

API 允许您在列定义中使用 .Locked(true) 锁定一个或多个列。此外，设置水平滚动和打开和关闭列客户端的能力。检查所有这一切的这个例子https://demos.telerik.com/aspnet-mvc/grid/frozen-columns

【讨论】：