¿Cuál es la más cercana aproximación jQuery para DataTable de YUI?

Question

Mis dos prioridades más altas son la mejora progresiva y la edición en línea. He encontrado una mejora progresiva ( DataTables ) y la edición en línea ( jqGrid ), pero no ambos. Soporte para temas jQuery UI sería bueno, pero es una prioridad más baja.

ACTUALIZACIÓN: He aquí un ejemplo de lo que estoy imaginando la solución se asemejaría a:

<table summary="A table full of example tabular data">
  <caption>My Table to Progressively Enhance</caption>
  <thead>
    <tr>
      <th id="colA">Column A</th>
      <th id="colB">Column B</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td headers="colA">foo</td>
      <td headers="colB">bar</td>
    </tr>
    <tr>
      <td headers="colA">argle</td>
      <td headers="colB">bargle</td>
    </tr>
  </tbody>
</table>

… insert jquery datatable stuff here …

<script type="text/javascript">
    progressivelyEnhanceMyTable();
</script>

Answer 1

Con la última versión de jqGrid, que ahora recibe tableToGrid , que resuelve el problema de rejilla-from-marcado bastante bien.

Answer 2

jqGrid habría un ajuste muy bueno.

ACTUALIZACIÓN:

Puede utilizar código como este para convertir su tabla a un objeto JavaScript

var $table = $('table'); // select your table
var data = []; // instantiate the data array
$('tr', $table).each(function(i, item){ // loop through the table rows
    obj = {} // create the object to append to the data array
    obj.name = $('td:eq(0)',$(this)).text().trim(); 
    obj.desc = $('td:eq(1)',$(this)).text().trim();
    data += obj; // add the object to the array
});

y luego repasar en como en el href="http://www.trirand.com/jqgrid35/jqgrid.html" rel="nofollow ejemplo la carga de datos de matriz

for(var i=0;i<=data.length;i++) $("#datagrid").addRowData(i+1,data[i]); 

Answer 3

No es un plugin para tablas de datos denominada jquery-tablas de datos se puede editar el cual agrega la edición en línea.