jQuery 网格解决方案，可以对行和列进行分组，并支持数据层次结构和聚合

Question

背景

大家好，我正在构建一个新的基于网络的计划和财务报告应用程序。

报告和规划工具主要以电子表格为导向，需要一个强大而灵活的网格系统，以用户习惯的逻辑格式将报告和工具重新呈现在 UI 中（当前基线报告系统 = MS Excel 和 Google Sheets） ).

规划工具将是可读写的，报告工具将是只读的

我花了过去 2 周的时间探索一些可用的选项，最初使用一个非常基本且轻量级的框架（称为 Mindmup EditableTable）开始 MVP（用于规划工作台）。它已经达到了原型的目的，但很明显它缺乏项目报告组件所需的更高级的功能。

探索的其他框架：

在进行一些研究时，我遇到了以下框架

• 光滑网格
• AG网格

两者似乎都得到了很好的支持，并且基于 Stack Overflow 上的参与度，都有活跃的社区。

问题

• 用于更多高级功能的最佳 jQuery / Javascript 网格解决方案是什么

最佳定义为：

• 最容易部署（从代码/开发 POV）

• 最稳健（可以处理更大的数据集）

• 快速（不会滞后且没有性能问题）

高级定义为：

• 方便数据绑定/加载

• 促进数据持久化（即更新网格的可编辑部分、推送数据并更新源）

• 选定的 MS Excel 类型 UI 功能（如下面的示例数据和数据透视表示例中所述）

数据样本

原始数据

对于下面的数据透视表中的示例，基础数据将如下所示...

数据	财政年度	四分之一	月	客户	产品	销售
2023年2月8日	24 财年	Q1	八月	Acme 贸易	产品1	77,832
2023年9月8日	24 财年	Q1	八月	Acme 贸易	产品1	49,406
2023年8月16日	24 财年	Q1	八月	Acme 贸易	产品1	131,299
2023年8月23日	24 财年	Q1	八月	Acme 贸易	产品1	93,136

数据透视表示例

我在数据透视表中寻找的功能示例如下图所示，并且基于上面提供的数据集。

主要特点：

• 行分组
• 列分组
• 展开/折叠单个行或列
• 组的聚合（即，当您向上或向下滚动结构时，分组应提供小计，根据需要动态重新计算）
• 过滤能力

Answer 1

Ag-grid 是一款付费且更加精致的产品，我不太了解，但它很可能内置了旋转功能。他们有一套全面的示例。

Slickgrid 更像是一个工具包。您绝对可以做您想做的事情，但可能需要相当多的辅助编码才能实现。尽管我可以提供一些数据透视代码，但它本身并不支持数据透视。从本质上讲，它是一个显示工具，而且是一个很棒的工具，但它与数据无关。 Slickgrid 也有很多示例 - 请查看它们。 免责声明：我是 Slickgrid 的维护者。