javascript - jQuery 数据表 - 索引列打印/下载问题

Question

我正在使用 jquery 数据表 API index column .我已经按照页面上显示的文档设法使表格正常工作。我还使用 Buttons 插件来打印表格，但在“索引”——或者在我的例子中我将其命名为“Bil”——列中，数字没有打印出来。同样的问题出现在我下载了Excel和PDF的表格后想查看数据。

打印表格时的输出:

我不知道这是否是一个错误，因为我找不到其他地方提出的问题。我怀疑索引值只加载到页面但没有插入到表中。是否有可能使用 javascript 将值插入表中的解决方法？

这是负责索引的数据表的javascript:

//Datatable
var t = $('#tablePelajarLama').DataTable({
     dom: 'lBfrtip',
     buttons: [
         'copy', 'excel', 'pdf', 'print'
     ],
   "columnDefs": [ {
        "searchable": false,
        "orderable": false,
        "targets": 0
   } ],
   "order": [[ 1, 'asc' ]]
 });

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

附带说明一下，如果数据以任何方式影响流程，我会使用 PHP 将数据加载到表中。谢谢。

Answer 1

SOLUTION

您需要使用 cell().invalidate() API 方法告诉 DataTables 重新读取 DOM 中包含索引的单元格的信息。

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

DEMO

参见 this jsFiddle用于代码和演示。