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.
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 enabled and 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.
Some useful are:
Free:
- Gijgo Grid
- Backgrid.js
- Flexigrid
- jqGridView
- Ingrid
- SlickGrid
- DataTables
- Shield UI Lite Grid
Paid:
- Fancy Grid
- jQuery Grid
- jqxGrid
- Shield UI Grid
The best entries in my opinion are Flexigrid and jQuery Grid.