服务端动态添加Class Datatable

Question

如何使用数据表的服务器端处理添加一个带有按钮单击的类到每个奇数行？

例如

$('tr:nth-child(odd)').addClass('whatever'); 

上面的代码对于仅添加当前页面的代码很有用。

但是当我们进行分页/搜索/下一页/顺序等更改时，添加的类将消失。

也可以尝试类似的事情

dt.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
      var row = dt.row(this).node();
      if ( rowIdx % 2 === 0 ) {
          $( 'td:eq(3)', row ).addClass("yellow");
      }                
});

上述代码也仅适用于当前页面。

Answer 1

您应该在事件上添加JS代码，您可以使用每次渲染数据时触发的draw.dt事件，更多信息：https://datatables.net/reference/event/draw

var dt = new DataTable('#myTable');
 
dt.on('draw', function () {
   dt.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
      var row = dt.row(this).node();
      if ( rowIdx % 2 === 0 ) {
         $( 'td:eq(3)', row ).addClass("yellow");
      }                
   });
});

不太确定语法。