最佳动态 JavaScript/JQuery 网格 [关闭]答案

【问题标题】：Best dynamic JavaScript/JQuery Grid [closed]最佳动态 JavaScript/JQuery 网格 [关闭]
【发布时间】：2011-12-30 07:42:04
【问题描述】：

我正在使用 JavaScript、JQuery 和 HTML。我的项目的 UI 是完全动态的。我正在寻找支持以下功能的动态 JavaScript/JQuery 网格。

谁能告诉我有什么好看的开源 Grid 支持以下功能吗？

我应该能够在运行时创建网格实例并添加到 DOM。
支持列模板（文本框、选择、复选框或任何输入或简单文本）
支持实时设置新的列模板或替换现有的列模板。
列下的输入控件（例如文本框、复选框..）可能启用，可能禁用。
实时支持 setData()。
如果用户更改了任何输入数据，则支持事件。
应该支持选择行
支持实时添加行或删除行，无需渲染整个网格。
支持分页。
支持按任意列实时排序。
如果数据按用户实时排序，则触发事件。
网格 UI 必须支持可实现的列
自动调整大小（如果网格可以根据父元素的大小自动调整大小，那就太好了）
肯定有很好的文档。

【问题讨论】：

自己写。如果你想要所有这些功能，你需要自己做。定制解决方案永远是最好的解决方案。
我不确定它是否总是最好的解决方案。我的意思是 - 我不打算构建自己的数据库引擎，而不是使用 InnoDB...
@Roynos，我自己写了一些东西，但我需要投入大量时间来实现所有功能，如排序、调整大小......等等。所以我正在寻找一个网格控件。我还在一一评估所有网格。
@Raynos 这太荒谬了。最好的解决方案是以最低成本运行的解决方案。如果已经完成，为什么还要构建它？
@RichardDesLonde 你是对的。我的选择是选择现有的最佳解决方案并根据您的要求对其进行扩展。

标签： javascript jquery grid

【解决方案1】：

一些有用的是：

免费：

付费：

我认为最好的条目是 Flexigrid 和 jQuery Grid。

【讨论】：

直到现在我开始喜欢 jQuery Grid。 trirand.com/blog/jqgrid/jqgrid.html 但我仍然不确定。让你更新...
@Somnath - jQuery 网格是您最满意的吗？我有类似的需求，并且一直在评估 DataTables，但添加行（并让它们成为排序顺序的一部分）效果不佳。
@MattW 是的，我喜欢 jQuery Grid，添加数据真的很容易。你也可以通过设置一个标志来使每一列都可以排序。我的需求清单真的很大。但我自己构建的东西很少，在少数情况下我使用 jQuery Grid。它也有很酷和简单的 API。目前我对 jQuery Grid 很满意。很好。
@Somnath 那么，最后你选择了哪一个？ I header DataTable 也是一个不错的选择。哪个最快？哪一个支持分组？
@VivekVardhan 我正在使用trirand.com/blog/jqgrid/jqgrid.html

【解决方案2】：

你可以试试http://datatables.net/

DataTables 是 jQuery Javascript 库的插件。它是一个高度灵活的工具，基于渐进增强的基础，它将向任何 HTML 表格添加高级交互控件。主要特点：

可变长度分页
动态过滤
带有数据类型检测的多列排序
智能处理列宽
显示来自几乎任何数据源的数据
DOM、Javascript 数组、Ajax 文件和服务器端处理（PHP、C#、 Perl、Ruby、AIR、Gears 等）
表格视口的滚动选项
完全国际化
jQuery UI ThemeRoller 支持
坚如磐石 - 由 2600 多个单元测试套件提供支持
各种各样的插件公司。 TableTools、FixedColumns、KeyTable 和更多
它是免费的！
状态保存
隐藏列
动态创建表格
Ajax 自动加载数据
自定义 DOM 定位
单列过滤
替代分页类型
非破坏性 DOM 交互
排序列突出显示
高级数据源选项
广泛的插件支持
排序、类型检测、API 函数、分页和过滤
由 CSS 完全可主题化
可靠的文档
110 多个预建示例
完全支持 Adobe AIR

【讨论】：

请对关键功能进行正确的格式化。不要只使用复制/粘贴。复制/粘贴后必须阅读一次吗？
“非破坏性 DOM 交互”是什么意思？很难理解为什么这是新颖的或功能，以及它涵盖/保证的内容。
@John 链接页面上已经没有提到了，但是如果你在网上搜索那句话，你会发现 “v1.4 中最大的变化是非破坏性的 DOM交互。这意味着 DataTables 不会覆盖表格元素以执行其功能（真正的渐进增强！），而是移动元素。在 v1.3 和之前它会动态创建 tbody 所需的 HTML在每次抽奖时，情况不再如此。直接的好处是原始表上的所有属性（类等）都被保留 [...]"
我认为它不是免费软件，嗯，它有问题。
似乎这些很酷的 DataTables 网格不可编辑，如果您需要它 - 您必须为可编辑版本付费：editor.datatables.net/purchase/index

【解决方案3】：

我对动态 JQuery Grid 的建议如下。

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

最好的是：

DataTables 是 jQuery Javascript 库的插件。它是一个高度灵活的工具，以渐进增强为基础，可为任何 HTML 表格添加高级交互控件。

变长分页

动态过滤

带有数据类型检测的多列排序

智能处理列宽

显示来自几乎任何数据源的数据

DOM、Javascript 数组、Ajax 文件和服务器端处理（PHP、C#、Perl、Ruby、AIR、Gears 等）

表格视口的滚动选项

完全国际化

jQuery UI ThemeRoller 支持

坚如磐石 - 由 2600 多个单元测试套件提供支持

各种各样的插件公司。 TableTools、FixedColumns、KeyTable 等

动态创建表格

Ajax 自动加载数据

自定义 DOM 定位

单列过滤

其他分页类型

非破坏性 DOM 交互

排序列突出显示

高级数据源选项

广泛的插件支持

排序、类型检测、API 函数、分页和过滤

完全可通过 CSS 主题化

可靠的文档

110 多个预构建示例

完全支持 Adobe AIR

【讨论】：

【解决方案4】：

看看agiletoolkit.org，因为它有一个简单易用的CRUD，它支持2、4、6、7、9、10和12开箱即用（在添加、删除数据和删除数据时使用Ajax来保护网格）它与 jquery 集成。

我会发布一些示例，但目前是在 iPad 上。

【讨论】：