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

87

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

谁能告诉我有没有支持以下功能的漂亮开源网格？

我应该能够在运行时创建网格的实例并将其添加到DOM。
支持列模板（文本框，选择框，复选框或任何输入或简单文本）
支持实时设置新的列模板或替换现有的列模板。
几个输入控制（例如文本框，复选框..）的柱下存在可以被启用和少数可禁用。
实时支持setData（）。
如果用户更改了任何输入数据，则支持事件。
它应该支持选择行
实时添加行或删除行支持，而无需渲染整个网格。
支持分页。
支持实时按任何列排序。
如果数据是由用户实时排序的，则触发一个事件。
网格UI必须支持可实现的列
自动调整大小（如果根据父元素的大小自动调整网格大小，那将非常好）
绝对有很好的文档。

javascript jquery grid

— 颂歌
source

7

自己写。如果需要所有这些功能，则需要自己完成。定制解决方案始终是最佳解决方案。

— 雷诺斯2011年

28

我不确定这始终是最好的解决方案。我的意思是-我不想建立自己的数据库引擎，而不是使用InnoDB ...

— Grim ...

2

@Roynos，我自己写了很少的东西，但是我需要花费很多时间来实现所有功能，例如排序，调整大小等。我仍在逐一评估所有网格。

— Somnath

22

@Raynos太荒谬了。最好的解决方案是以最低成本运行的解决方案。如果已经完成，为什么还要构建呢？

— 里查德2013年

@RichardDesLonde你是对的。我的选择是选择现有的最佳解决方案，并根据您的要求进行扩展。

— Somnath的

42

一些有用的是：

自由：

付费：

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

— 苏汉姆
source

直到现在，我开始喜欢jQuery Grid。trirand.com/blog/jqgrid/jqgrid.html但我仍然不确定。

— Somnath

@Somnath-您最满意的是jQuery网格吗？我有类似的需求，并且一直在评估DataTables，但是添加行（并使它们成为排序顺序的一部分）效果不佳。

— MattW 2012年

@MattW是的，我喜欢jQuery Grid，添加数据真的很容易。您还可以仅通过设置标志就使每一列都可排序。我的需求清单很大。但是我没有建立自己的东西，在少数情况下，我使用的是jQuery Grid。它也有很酷和容易的API。在这个时候，我对jQuery Grid很满意。很好。

— Somnath 2012年

@Somnath所以，最后您选择了哪一个？我头上的DataTable也是一个不错的选择。哪一个最快？哪个支持分组？

— Vivek Vardhan 2014年

@VivekVardhan im正在使用trirand.com/blog/jqgrid/jqgrid.html

— Somnath

38

您可以尝试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

— 飞地
source

3

请对主要功能进行正确的格式化。不要只使用复制/粘贴。复制/粘贴后必须阅读一次？

“无损DOM交互”是什么意思？很难理解为什么这是新颖的或功能，以及涵盖/保证的内容。

— John Zabroski 2013年

1

@John不再在链接页面上提及它，但是如果您在网络上搜索该句子，则会发现“ v1.4的最大变化是无损DOM交互。这意味着DataTables不会覆盖表元素是为了执行其功能（真正的渐进增强！），而是移动元素；在v1.3及更高版本中，它将动态创建每次绘制中tbody所需的HTML，现在不再是这种情况了。立即优势是保留了原始表上的所有属性（类等）“

— CodeCaster 2014年

5

它不是免费软件，我认为，这是一个问题。

— 戴维（David）

4

似乎这些很酷的DataTables网格不可编辑，如果需要-您必须支付可编辑版本的费用：editor.datatables.net/purchase/index

— yetanothercoder

8

我对动态JQuery网格的建议如下。

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

最好的是：

数据表是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

5

请看一下agiletoolkit.org，因为它具有易于使用的CRUD，开箱即用地支持2,4、6、7、9、10和12（添加，删除数据时使用Ajax维护网格，并且与jQuery的。

我会在iPad上发布一些示例。

— 北特雷弗
source