最佳动态 JavaScript/JQuery 网格
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8677298/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Best dynamic JavaScript/JQuery Grid
提问by Somnath
I'm working with JavaScript, JQuery and HTML. UI Of my project is completely dynamic. I am looking for a dynamic JavaScript/JQuery Grid which supports following features.
我正在使用 JavaScript、JQuery 和 HTML。我的项目的 UI 是完全动态的。我正在寻找支持以下功能的动态 JavaScript/JQuery 网格。
Can anybody tell me is there any good looking open sources Grid which supports the following features?
谁能告诉我是否有任何好看的开源网格支持以下功能？
- I should be able to create an instance of the grid at run-time and add to DOM.
- Supports column templates (textbox, select, checkbox or any inputs or simple text)
- Supports set new column template or replace existing column template at real-time.
- Few input control (e.g textbox, checkbox..) present under a column may be enabledand few may be disabled.
- Supports setData() at real-time.
- Supports event if any input data changed by user.
- It should support selection of a Row
- Add row or delete row support at real-time without rendering the whole grid.
- Supports Paging.
- Supports sorting by any column at real-time.
- Fires an event if data is sorted by user at real-time.
- Grid UI must support realizable columns
- Auto re-sizable (It will be great if grid is auto re-sizable according to the size of the parent element)
- Definitely has good documentation.
- 我应该能够在运行时创建网格实例并添加到 DOM。
- 支持列模板（文本框、选择、复选框或任何输入或简单文本）
- 支持实时设置新的列模板或替换现有的列模板。
- 列下的输入控件（例如文本框、复选框..）很少可以启用，也很少可以禁用。
- 实时支持 setData()。
- 如果用户更改了任何输入数据，则支持事件。
- 它应该支持选择一行
- 无需渲染整个网格即可实时添加行或删除行支持。
- 支持分页。
- 支持按任意列实时排序。
- 如果数据按用户实时排序，则触发事件。
- 网格 UI 必须支持可实现的列
- 自动调整大小（如果网格根据父元素的大小自动调整大小会很棒）
- 肯定有很好的文档。
回答by Soham
Some useful are:
一些有用的是：
Free:
自由：
Paid:
有薪酬的：
The best entries in my opinion are Flexigrid and jQuery Grid.
我认为最好的条目是 Flexigrid 和 jQuery Grid。
回答by enclaved
you can try http://datatables.net/
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:
DataTables 是 jQuery Javascript 库的插件。它是一个高度灵活的工具，基于渐进增强的基础，可以为任何 HTML 表格添加高级交互控件。主要特点：
- Variable length pagination
- On-the-fly filtering
- Multi-column sorting with data type detection
- Smart handling of column widths
- Display data from almost any data source
- DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
- Scrolling options for table viewport
- Fully internationalisable
- jQuery UI ThemeRoller support
- Rock solid - backed by a suite of 2600+ unit tests
- Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more
- It's free!
- State saving
- Hidden columns
- Dynamic creation of tables
- Ajax auto loading of data
- Custom DOM positioning
- Single column filtering
- Alternative pagination types
- Non-destructive DOM interaction
- Sorting column(s) highlighting
- Advanced data source options
- Extensive plug-in support
- Sorting, type detection, API functions, pagination and filtering
- Fully themeable by CSS
- Solid documentation
- 110+ pre-built examples
- Full support for Adobe AIR
- 变长分页
- 即时过滤
- 带数据类型检测的多列排序
- 智能处理列宽
- 显示来自几乎任何数据源的数据
- DOM、Javascript 数组、Ajax 文件和服务器端处理（PHP、C#、Perl、Ruby、AIR、Gears 等）
- 表格视口的滚动选项
- 完全国际化
- jQuery UI ThemeRoller 支持
- 坚如磐石 - 由一套 2600 多个单元测试提供支持
- 各种各样的插件公司。TableTools、FixedColumns、KeyTable 等
- 免费！
- 状态保存
- 隐藏列
- 动态创建表
- Ajax 自动加载数据
- 自定义 DOM 定位
- 单列过滤
- 替代分页类型
- 非破坏性 DOM 交互
- 排序列突出显示
- 高级数据源选项
- 广泛的插件支持
- 排序、类型检测、API 函数、分页和过滤
- 通过 CSS 完全主题化
- 可靠的文档
- 110 多个预建示例
- 完全支持 Adobe AIR
回答by enclaved
My suggestion for dynamic JQuery Grid are below.
我对动态 JQuery Grid 的建议如下。
http://reconstrukt.com/ingrid/
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
http://www.datatables.net/index
Best one is :
最好的一个是：
DataTablesis a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.
DataTables是 jQuery Javascript 库的插件。它是一个高度灵活的工具，基于渐进增强的基础，可以为任何 HTML 表格添加高级交互控件。
Variable length pagination
变长分页
On-the-fly filtering
即时过滤
Multi-column sorting with data type detection
带数据类型检测的多列排序
Smart handling of column widths
智能处理列宽
Display data from almost any data source
显示来自几乎任何数据源的数据
DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
DOM、Javascript 数组、Ajax 文件和服务器端处理（PHP、C#、Perl、Ruby、AIR、Gears 等）
Scrolling options for table viewport
表格视口的滚动选项
Fully internationalisable
完全国际化
jQuery UI ThemeRoller support
jQuery UI ThemeRoller 支持
Rock solid - backed by a suite of 2600+ unit tests
坚如磐石 - 由一套 2600 多个单元测试提供支持
Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more
各种各样的插件公司。TableTools、FixedColumns、KeyTable 等
Dynamic creation of tables
动态创建表
Ajax auto loading of data
Ajax 自动加载数据
Custom DOM positioning
自定义 DOM 定位
Single column filtering
单列过滤
Alternative pagination types
替代分页类型
Non-destructive DOM interaction
非破坏性 DOM 交互
Sorting column(s) highlighting
排序列突出显示
Advanced data source options
高级数据源选项
Extensive plug-in support
广泛的插件支持
Sorting, type detection, API functions, pagination and filtering
排序、类型检测、API 函数、分页和过滤
Fully themeable by CSS
通过 CSS 完全主题化
Solid documentation
可靠的文档
110+ pre-built examples
110 多个预建示例
Full support for Adobe AIR
完全支持 Adobe AIR
回答by Trevor North
Have a look at agiletoolkit.org as this has a simple to use CRUD which supports 2,4,6,7,9,10 and 12 out of the box (uses Ajax to defender the grid when adding,deleting data and it integrates with jquery.
看看agiletoolkit.org，因为它有一个简单易用的CRUD，它支持开箱即用的2、4、6、7、9、10和12（在添加、删除数据时使用Ajax来保护网格，它与查询。
I would post some examples but on an iPad at the moment.
我会发布一些示例，但目前是在 iPad 上。
