如何将剑道网格折叠到标题？答案

【问题标题】：How to collapse kendo grid to headers?如何将剑道网格折叠到标题？
【发布时间】：2016-08-31 04:49:57
【问题描述】：

我有一个奇怪的要求。我被要求将 Kendo 网格的所有数据行折叠到其标题中。我知道折叠成组。但这似乎是实现的有力建议。

下面是提议的剑道网格，标题中有一个箭头。单击箭头后，所有行都应折叠到标题。默认情况下，它应该处于折叠状态。

请给我一些启发来解决这个问题。

【问题讨论】：

因此，如果您的网格中有 3 列，每列都有一个箭头，您希望可能只显示 1 列的数据吗？这似乎很遥远。我从未见过任何网格这样做的例子。这就是Groups 的用途。这个Example 展示了如何过滤掉列。单击Order ID 列过滤器，将出现Columns 选项，您可以在其中显示/隐藏某些列。

【解决方案1】：

这样的？

关键是k-grid-content div的隐藏/显示，然后调整网格的高度进行补偿，使边框不会留在原来的、未折叠的位置。

现在，这是一个简单的网格，没有分页、分组、虚拟滚动、冻结列等。
如果你有这些元素，那么需要隐藏的 div 可能会根据 kendo 用于提供功能的不同元素布局而改变。

【讨论】：