服务器端动态添加Class Datatables

Question

注意 - 使用 MySql 数据库进行数据表服务器端处理

代码如下

$(document).ready(function(){
 var table = $('#userDataList').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "fetchData.php",
        stateSave: 'true'
    });
});

表格/页面也可在

找到

http://testlearn.infinityfreeapp.com/index-old.html

如何向所有人添加一个班级

a) 动态偶数行。

b) 动态奇数列。

（有或没有点击按钮）

Answer 1

您可以在数据表初始化时使用

rowCallback()

来完成此操作。

$(document).ready(function () {
  var table = $("#userDataList").DataTable({
    processing: true,
    serverSide: true,
    ajax: "fetchData.php",
    stateSave: "true",
    rowCallback: function (row, data, index) {
      if (index % 2 == 0) {
        $(row).addClass("oddRow");
      } else {
        $(row).addClass("evenRow");
      }
    },
  });
});

使用此 CSS 来查看差异

table.dataTable tbody tr.evenRow{
    background-color: green;
}
table.dataTable tbody tr.oddRow{
    background-color: red;
}