YUIのDataTableに最も近いjQuery近似は何ですか？

Question

私の最も重要なのは、プログレッシブエンハンスとインライン編集です。プログレッシブなエンハンス（DataTables）とインライン編集（jqGrid）が見つかりましたが、両方ではありません。 jQueryのUIテーマのサポートは素晴らしいですが、優先順位は低くなります。

UPDATE：ここでは私が似ているでしょうソリューションを想像してるものの例です：

<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

で同じよ​​うにそれを上タックすることができますjqGridのリリースでは、tableToGridが得られます。これは、マークからグリッドまでの問題を非常にうまく解決します。

Answer 2

私はjqGridはかなり良いフィット感になると思います。

UPDATE：

あなたは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 
}); 

にあなたのテーブルを変換するために、このようなコードを使用して、最新のloading array data example

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

Answer 3

インライン編集を追加するjquery-datatables-editableという名前のデータセットへのプラグインがあります。