更改Datatable中单击行的颜色

Question

如何更改DataTable中单击行的颜色？

我有我的数据表和一个JavaScript来对单击行的数据执行一些操作：

var table = $('#myTable').DataTable();
$('#myTable tbody').on('click', 'tr', function () {
   var data = table.row( this ).data();
   // below some operations with the data
   // How can I set the row color as red?
} );

谢谢

Answer 1

在这种情况下，我不确定DataTable的相关性，但您可以简单地使用jQuery实现这一点。

var table = $('#myTable').DataTable();
$('#myTable').on('click', 'tr', function () {
   var data = table.row( this ).data();
   // below some operations with the data
   // How can I set the row color as red?
  $(this).addClass('highlight').siblings().removeClass('highlight');
});

示例:https://codepen.io/alexpetergill/pen/ccd10f785e6b6d9e2c2b2503b219eab4