数据表将类添加到所有正文行 [英] Datatables add class to all body rows

问题描述

我是Datatables的新手，我有一个表，默认情况下仅显示前10行.我正在尝试将此类添加到所有行，而不仅仅是默认行10 ...

I'm new in Datatables and I have a table that displays just the first 10 rows by default. I'm trying to add this class to all rows, not just for the default 10 ...

var table = $("#datatable-buttons").DataTable({...})
table.rows.removeClass('selected')

和

$('tbody tr').removeClass('selected')

和

$(tables.table().body()).removeClass('selected')

但没有成功:(只需单击按钮，是否可以将 select 类添加/删除到所有行中?

but without any success :( Is it possible to add/remove the select class to all rows just by clicking a button?

推荐答案

我相信向所有行添加特定类的最佳方法是在初始化时:

I believe the best way to add a certain class to all rows is upon initialization :

var table = $('#example').DataTable({
  createdRow: function ( row, data, index ) {
     $(row).addClass('selected')
  } 
}) 

您可以使用

table.on('click', 'tbody tr', function() {
  var $row = table.row(this).nodes().to$();
  var hasClass = $row.hasClass('selected');
  if (hasClass) {
    $row.removeClass('selected')
  } else {
    $row.addClass('selected')
  }
})

您还可以通过代码

table.rows().every(function() {
  this.nodes().to$().removeClass('selected')
})

此处所有操作的示例-> http://jsfiddle.net/c67q2b4x/

All examples in action here -> http://jsfiddle.net/c67q2b4x/

这篇关于数据表将类添加到所有正文行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！