最好的动态JavaScript / JQuery Grid

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

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

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

一些有用的是:

自由:

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

支付:

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

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

Soham answered 2019-09-10T05:55:58Z
38 votes

你可以试试[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
enclaved answered 2019-09-10T05:59:31Z
8 votes

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

answered 2019-09-10T06:01:21Z
5 votes

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

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

Trevor North answered 2019-09-10T06:01:51Z
translate from https://stackoverflow.com:/questions/8677298/best-dynamic-javascript-jquery-grid