最佳dynamicJavaScript / JQuery Grid

我正在使用JavaScript,JQuery和HTML。 我的项目的UI是完全dynamic的。 我正在寻找一个支持以下function的dynamicJavaScript / JQuery网格。

任何人都可以告诉我有没有好看的开源网格支持以下function?

  1. 我应该能够在运行时创build一个网格的实例,并添加到DOM。
  2. 支持列模板(文本框,select,checkbox或任何input或简单的文本)
  3. 支持设置新的列模板或实时replace现有的列模板。
  4. 很less有input控件(例如文本框,checkbox..)出现在列下,可能会启用 ,很less可能被禁用
  5. 支持实时的setData()。
  6. 如果用户更改了任何input数据,则支持事件。
  7. 它应该支持select一个行
  8. 实时添加行或删除行支持,无需渲染整个网格。
  9. 支持分页。
  10. 支持实时进行任何列的sorting。
  11. 如果用户实时分类数据,则触发事件。
  12. 网格用户界面必须支持可实现的列
  13. 自动resize(如果网格根据父元素的大小自动resize,将会很好)
  14. 绝对有很好的文档。

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

DataTables是jQuery Javascript库的一个插件。 这是一个高度灵活的工具,基于逐步增强的基础,这将增加高级交互控件到任何HTML表格。 主要特征:

  • 可变长度分页
  • 即时过滤
  • 数据types检测多列sorting
  • 智能处理列宽
  • 显示几乎所有数据源的数据
  • DOM,Javascript数组,Ajax文件和服务器端处理(PHP,C#,Perl,Ruby,AIR,Gears等)
  • 表格视口的滚动选项
  • 完全国际化
  • jQuery UI ThemeRoller支持
  • 坚如磐石 – 由一套2600+unit testing支持
  • 各种各样的插件inc。 TableTools,FixedColumns,KeyTable等等
  • 免费!
  • 状态保存
  • 隐藏的列
  • dynamic创build表格
  • Ajax自动加载数据
  • 自定义DOM定位
  • 单列过滤
  • 替代分页types
  • 非破坏性的DOM交互
  • sorting列突出显示
  • 高级数据源选项
  • 广泛的插件支持
  • sorting,types检测,API函数,分页和过滤
  • 完全由CSS的主题
  • 坚实的文件
  • 110多个预build的例子
  • 完全支持Adobe AIR

一些有用的是:

自由:

  • Gijgo网格
  • Backgrid.js
  • Flexigrid
  • jqGridView
  • 英格丽
  • SlickGrid
  • 数据表
  • 屏蔽UI Lite网格

支付:

  • 花式网格
  • jQuery网格
  • jqxGrid
  • 屏蔽UI网格

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

下面是我对dynamicJQuery Grid的build议。

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

最好的是:

DataTables是jQuery Javascript库的一个插件。 这是一个高度灵活的工具,基于逐步增强的基础,这将增加高级交互控件到任何HTML表格。

可变长度分页

即时过滤

数据types检测多列sorting

智能处理列宽

显示几乎所有数据源的数据

DOM,Javascript数组,Ajax文件和服务器端处理(PHP,C#,Perl,Ruby,AIR,Gears等)

表格视口的滚动选项

完全国际化

jQuery UI ThemeRoller支持

坚如磐石 – 由一套2600+unit testing支持

各种各样的插件inc。 TableTools,FixedColumns,KeyTable等等

dynamic创build表格

Ajax自动加载数据

自定义DOM定位

单列过滤

替代分页types

非破坏性的DOM交互

sorting列突出显示

高级数据源选项

广泛的插件支持

sorting,types检测,API函数,分页和过滤

完全由CSS的主题

坚实的文件

110多个预build的例子

完全支持Adobe AIR

看看agiletoolkit.org,因为这有一个简单的使用支持2,4,6,7,9,10和12开箱即用的CRUD(在添加,删除数据时使用Ajax来防御网格,并且它与jQuery的。

我现在会张贴一些例子,但在iPad上。