title: Best dynamic JavaScript/JQuery Grid
body: <p>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.</p>
  
  <p><strong>Can anybody tell me is there any good looking open sources Grid which supports the following features?</strong></p>
  
  <ol>
  <li>I should be able to create an instance of the grid at run-time and add to DOM.</li>
  <li>Supports column templates (textbox, select, checkbox or any inputs or simple text)</li>
  <li>Supports set new column template or replace existing column template at real-time.</li>
  <li>Few input control (e.g textbox, checkbox..) present under a column may be <strong>enabled</strong> and few may be <strong>disabled</strong>.</li>
  <li>Supports setData() at real-time.</li>
  <li>Supports event if any input data changed by user.</li>
  <li>It should support selection of a Row</li>
  <li>Add row or delete row support at real-time without rendering the whole grid.</li>
  <li>Supports Paging.</li>
  <li>Supports sorting by any column at real-time.</li>
  <li>Fires an event if data is sorted by user at real-time.</li>
  <li>Grid UI must support realizable columns</li>
  <li>Auto re-sizable (It will be great if grid is auto re-sizable according to the size of the parent element)</li>
  <li>Definitely has good documentation.</li>
  </ol>