最佳动态 JavaScript/JQuery 网格

我正在处理 JavaScript、 JQuery 和 HTML。我的项目的 UI 是完全动态的。我正在寻找一个动态的 JavaScript/JQuery 网格，它支持以下功能。

谁能告诉我有没有什么好看的开源网格支持以下特性？

  1. 我应该能够在运行时创建一个网格实例并添加到 DOM。
  2. 支持列模板(文本框、选择、复选框或任何输入或简单文本)
  3. 支持设置新的列模板或实时替换现有的列模板。
  4. 很少的输入控件(例如文本框，复选框. .)出现在一个列下可能是 启用，很少可能是 残疾人。
  5. 实时支持 setData ()。
  6. 如果用户更改了任何输入数据，则支持事件。
  7. 它应该支持选择 Row
  8. 在不呈现整个网格的情况下实时添加或删除行支持。
  9. 支持分页。
  10. 支持实时按任何列排序。
  11. 如果数据按用户实时排序，则触发事件。
  12. 网格 UI 必须支持可实现的列
  13. 自动调整大小(如果网格可以根据父元素的大小自动调整大小就更好了)
  14. 肯定有很好的文件。
140751 次浏览
小开

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:

  • 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
小开

My suggestion for dynamic JQuery Grid are below.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Best one is :

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.

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

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

小开

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.

I would post some examples but on an iPad at the moment.

小开

Some useful are:

Free:

Paid:

The best entries in my opinion are Flexigrid and jQuery Grid.


提交答案