Best dynamic JavaScript/JQuery Grid

Question

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?

1. I should be able to create an instance of the grid at run-time and add to DOM.
2. Supports column templates (textbox, select, checkbox or any inputs or simple text)
3. Supports set new column template or replace existing column template at real-time.
4. Few input control (e.g textbox, checkbox..) present under a column may be enabled and few may be disabled.
5. Supports setData() at real-time.
6. Supports event if any input data changed by user.
7. It should support selection of a Row
8. Add row or delete row support at real-time without rendering the whole grid.
9. Supports Paging.
10. Supports sorting by any column at real-time.
11. Fires an event if data is sorted by user at real-time.
12. Grid UI must support realizable columns
13. Auto re-sizable (It will be great if grid is auto re-sizable according to the size of the parent element)
14. Definitely has good documentation.

Answer 1

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.