禁用列排序或在數據表中添加行號

Question

這里的問題

我在數據庫中有一段數據。 數據由以下幾列組成

row_num   name       age
1         John       21
2         Michelle   20
3         Robert     22

然后我使用數據表顯示數據。 我通過使用 orderable = false 禁用對 row_num 列的排序。

這是我使用的數據表代碼

$('#data').DataTable({
  serverside: true,
  ajax: 'data.php',
  columns: [
    { data: 'row_num', orderable: false},
    { data: 'name' },
    { data: 'age' }
)}

無法對列 row_num 進行排序，但確實如此。 但是當我對 name 列或 age 列進行排序時，row_num 列也被排序了。 我不想要那個。

對年齡列進行排序時的示例

row_num    name      age
2          Michelle  20
1          John      21
3          Robert    22

我想要的是

row_num    name      age
1          Michelle  20
2          John      21
3          Robert    22

這在執行數據搜索時也有影響，例如搜索 Robert 的數據

row_num    name      age
3          Robert    22

雖然應該是

row_num    name      age
1          Robert    22

我知道這是因為 row_num 中的數據是從數據庫中獲取的。我只想 label 數據表中的行號。

是否有一種解決方案可以使 row_num 列不排序，或者是否有一種解決方案可以為數據表中的每行提供數字？

Answer 1

關閉。 只需添加這一行

 detail_table.on( 'order.dt search.dt', function () {
   detail_table.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
       cell.innerHTML = i+1;
   } );
 } ).draw();