VBのDataGridのように、jQueryのデータ型で最初の列に行番号の列を自動的に作成します。jqueryデータ型に行番号の列を追加する
それは次のようになります。
誰もがこれを行う方法を知っていますか?
VBのDataGridのように、jQueryのデータ型で最初の列に行番号の列を自動的に作成します。jqueryデータ型に行番号の列を追加する
それは次のようになります。
誰もがこれを行う方法を知っていますか?
aoColumnsに空の列を定義するだけです。
fnRowCallback関数では、好きなように列を編集するだけです。このコールバックは、新しい行が作成されるたびに実行されます。
Basiclyあなたの最初の列は、行番号を持っている場合、あなただけのfnRowCallbackでこれを行うことができます:ちょうどレンダリング関数を記述
var index = iDisplayIndex +1;
$('td:eq(0)',nRow).html(index);
return nRow;
:
{
"data": "id",
render: function (data, type, row, meta) {
return meta.row + meta.settings._iDisplayStart + 1;
}
}
それは素敵です&きれいな(; –
これは最高のソリューションのように聞こえましたしかし、私が列を並べ替えるとすぐに、数字が混乱してしまいます –
私がコメントしたよう、両方@Pehmoleluと@大王の答えは私のためにうまくいきませんでした。私は、DataTablesのIndex Columnの助言を受けなければなりませんでした。https://datatables.net/examples/api/counter_columns.html
私の場合、私のWebアプリケーションサーバーのAPI呼び出しによって列の設定さえも下がっていることに注意してください。 )、このカウンター列の前に3つのシステム列があるため、列インデックスは3ですが、ニーズに合わせて調整する必要があります。あなたのソリューションは、私のような複雑なものではない場合
t.on('order.dt search.dt', function() {
t.column(3, {search:'applied', order:'applied'}).nodes().each(function (cell, i) {
cell.innerHTML = i+1;
});
}).draw();
また、また、上記のリンクは、あなたが(あなたがあなたのニーズに列インデックスを調整する必要があり、再び)unsortable +検索不可能な方法でその列を追加する方法を示しています。
var t = $('#example').DataTable({
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 3
}],
"order": [[4, 'asc']]
});
独自のコードの代わりに活用したいプラグインもあります。
どのようにデータテーブルをロードしていますか?いくつかのコードを表示 – naveen
あなたが必要とするのは、(jsonまたは配列のいずれかの)結果を数え、それを繰り返してシーケンス番号を生成し、それを他の結果データと一緒に構築することです。 – toopay