javascript - 数据表rowCallback函数初始化后

Question

我有以下数据表的工作代码，用于根据条件设置单元格颜色。

$(document).ready(function() {
  // DataTable
  var table = $('#example').DataTable({
    /*
      dom: 'Bfrtip',
      buttons: ['excel',{
extend: 'pdfHtml5',
orientation: 'landscape',
pageSize: 'LEGAL' }],
      "ordering": false,
       language: {
        search: "_INPUT_",
        searchPlaceholder: "Search All Data"
      } */
    rowCallback: function(row, data, index) {
      console.log(row)
      if (data[12].split(';')[1] == "In Progress") {
        $(row).find('td:eq(11)').addClass('color')
      }
    }
  });
});

上面的代码工作正常，但如果我删除添加导出功能的注释部分，它就不起作用。

Answer 1

我尝试重现您遇到的相同问题。我创建了一个jsfiddle example ，效果很好。我在代码中唯一更改的是在 rowCallback 之前添加了一个逗号 (,)，这样:

$('#example').DataTable({
  dom: 'Bfrtip',
  buttons: ['excel',{
        extend: 'pdfHtml5',
        orientation: 'landscape',
        pageSize: 'LEGAL' }],
        "ordering": false,
         language: {
          search: "_INPUT_",
          searchPlaceholder: "Search All Data"
        },
      rowCallback: function(row, data, index) {
        console.log(row)
        if (data[12].split(';')[0] == "In Progress") {
          $(row).find('td:eq(11)').addClass('color')
        }
      }
});

另外，请重新检查与 jQuery 数据表相关的文件是否与我在 jsfiddle 中添加的文件相同。 ，有可能您已经添加了两次文件，或者您可能正在使用旧版本的 Jquery。如果问题仍然存在，请编辑您的问题并添加您的 html + 与您已初始化的 jquery 相关的文件。