1

私の 2 つの最優先事項は、プログレッシブ エンハンスメントとインライン編集です。プログレッシブ エンハンスメント ( DataTables ) とインライン編集 ( jqGrid ) を見つけましたが、両方ではありません。jQuery UI テーマのサポートは素晴らしいことですが、優先度は低くなります。

更新: これは、ソリューションが似ていると私が想像している例です。

<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>
4

3 に答える 3

5

jqGridはかなり適していると思います。

アップデート：

このようなコードを使用して、テーブルを 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
});

そして、配列データの読み込みの例のように貼り付けます

for(var i=0;i<=data.length;i++) $("#datagrid").addRowData(i+1,data[i]);
于 2009-07-24T11:51:12.360 に答える
2

jqGrid の最新リリースでは、tableToGridマークアップからのグリッドの問題を非常にうまく解決する が得られます。

于 2009-08-10T22:57:49.440 に答える
1

インライン編集を追加するjquery-datatables-editableと呼ばれるデータテーブルへのプラグインがあります。

于 2011-07-22T08:15:26.837 に答える