具有多个分组的 Javascript 网格答案

【问题标题】：Javascript Grid with multiple groupings具有多个分组的 Javascript 网格
【发布时间】：2011-06-23 13:59:40
【问题描述】：

我想知道是否有其他 javascript 组件提供具有多个分组的网格表示。下面是jqGrid 的屏幕截图，我扩展为允许该功能，但它需要获取所有数据。我希望在展开分组时加载数据。

另一个修改过的 jqGrid 会很好，因为它是我们在项目中一直使用的 :)

【问题讨论】：

【解决方案1】：

是的，Datatables 做得很好。

关于如何显示/隐藏细节的教程是here

我强烈推荐 Datatables，因为在尝试了几乎所有的 jQuery 和 YUI 解决方案之后，我意识到它具有更多的功能、更好的支持以及我发现的最好的 Ajax 操作。作为一个重要的奖励，它支持 ThemeRoller，这意味着我可以在几分钟内重新设计我的应用程序，这使得该操作非常有利可图。

【讨论】：

【解决方案2】：

ShieldUI 的 Grid 也可以做到这一点 - 它具有灵活的 grouping、hierarchy support 以及许多其他精美的选项。

与其他解决方案相比，它是一个非常实惠的解决方案，并且还附带一整套其他有用的 UI 小部件库，用于图表、编辑、布局等。

【讨论】：

【解决方案3】：

我知道一个类似于上述网格的免费组件 - TreeTable。它提供具有多个分组的网格表示：http://docs.webix.com/samples/15_datatable/30_treetable/14_colspan.html。此外，它还具有动态加载功能。

【讨论】：