最好的动态JavaScript / JQuery Grid

时间:2011-12-30 07:42:04

标签: javascript jquery grid

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

任何人都可以告诉我有什么好看的开源网格支持以下功能吗?

  1. 我应该能够在运行时创建网格实例并添加到DOM。
  2. 支持列模板(文本框,选择,复选框或任何输入或简单文本)
  3. 支持设置新列模板或实时替换现有列模板。
  4. 列下的输入控件(例如文本框,复选框..)可能启用,很少有禁用
  5. 实时支持setData()。
  6. 如果用户更改了任何输入数据,则支持事件。
  7. 它应该支持选择行
  8. 实时添加行或删除行支持,而不渲染整个网格。
  9. 支持寻呼。
  10. 支持按任何列实时排序。
  11. 如果数据按用户实时排序,则触发事件。
  12. 网格用户界面必须支持可实现的列
  13. 自动调整大小(如果根据父元素的大小自动调整网格,那将会很棒)
  14. 绝对有很好的文档。

4 个答案:

答案 0 :(得分:42)

一些有用的是:

免:

付费:

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

答案 1 :(得分: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

答案 2 :(得分:8)

我对动态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

答案 3 :(得分:5)

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

我会发布一些例子,但目前在iPad上发布。