Datatables查找字符串并添加类

Question

我尝试在我的表中查找字符串并将类添加到此行。但是这个代码不起作用。没有任何反应。这里是我的代码，后者我打电话myTable()功能：

function myTable() { 
    var selectDateVar = $('#selectDate').val(); 

     var table = $('#example').DataTable({ // Таблица 
      "processing": true, 
      "serverSide": true, 
      "deferRender": true, 
      "bDestroy": true, 

      "sAjaxSource": "server_processing.php?data=30/09/2015", 
      "order": [[ 2, "desc" ]], 
      initComplete: function(){ 
       var api = this.api(); 

       new $.fn.dataTable.Buttons(api, { 
        buttons: [ 
         { 
         extend: 'print', 
         text: 'Принтиране', 
         'className': 'btn-lg btn btn-warning printBTN', 
         }, 
        ] 
       }); 

       api.buttons().container().appendTo('.printButton'); 
      } 

     }); 

     var indexes = table.rows().eq(0).filter(function (rowIdx) { 
      return table.cell(rowIdx, 3).data() === '180' ? true : false; 
     }); 
     table.rows(indexes).nodes().to$().addClass('highlight'); 
    } 

我的表：

我用这个例子https://datatables.net/reference/type/row-selector

Answer 1

function myTable() { 
    var selectDateVar = $('#selectDate').val(); 

    var table = $('#example').DataTable({ // Таблица 
     "processing": true, 
     "serverSide": true, 
     "deferRender": true, 
     "bDestroy": true, 

     "sAjaxSource": "server_processing.php?data=30/09/2015", 
     "order": [[ 2, "desc" ]], 
     initComplete: function(){ 
      var api = this.api(); 
      new $.fn.dataTable.Buttons(api, { 
       buttons: [ 
        { 
        extend: 'print', 
        text: 'Принтиране', 
        'className': 'btn-lg btn btn-warning printBTN', 
        }, 
       ] 
      }); 

      api.buttons().container().appendTo('.printButton'); 

      //filtering code should be inside of initComplete function 
      //but in your case an empty table is filtered 
      var indexes = table.rows().eq(0).filter(function (rowIdx) { 
       return table.cell(rowIdx, 3).data() === '180' ? true : false; 
      }); 

      table.rows(indexes).nodes().to$().addClass('highlight'); 
     } 

    }); 
} 

你需要调用数据的代码加载。目前您在表格填充服务器数据之前调用它。只需将您的代码示例添加到initComplete函数。 initComplete将在加载Ajax数据之后调用。

回答第二个问题：如果需要跨多个列搜索只需添加以下代码：

var indexes = table.rows().eq(0).filter(function (rowIdx) { 
    return table.cell(rowIdx, 3).data() === '180' && 
      table.cell(rowIdx, 0).data() === '521' ? true : false; 
});