Спецификация доступа c строка Datatable

Question

Я определяю Datatable следующим образом:

var dat_one = $('#dat_one').DataTable({
  select: {
    style: 'single'
  },
  responsive: true,
});

Я хотел бы получить доступ к определенной строке c моего datatable. Я хочу раскрасить строку, содержащую заданную строку c. (Пример: строка, содержащая «Эштон Кокс» в столбце 1 и «Сан-Франциско» в столбце 3

Я попытался раскрасить выбранную строку с помощью этого кода:

$(".selected").css('background-color', '#ccffcc');

Но не работает, если моя линия не выбрана.

Answer 1

Следуя документации , это альтернатива Aruna Perera :

// var table = $('#dat_one').DataTable()  ;
dat_one.rows().eq(0).each( function ( index ) {
    var row = table.row( index );

    var data = row.data();

    var column0value = data[0];
    if(column0value == "Airi Satou"){
      $(row.node()).css("background-color", "yellow")
    }
    // ... do something with data(), or row.node(), etc
} );

Answer 2

Попробуйте использовать rowCallback . Там вы можете изменить атрибуты строки с проверкой значения.

$('#example').dataTable( {
  "rowCallback": function( row, data ) {
    if ( data.grade == "A" ) {
      $('td:eq(4)', row).html( '<b>A</b>' );
    }
  }
} );

Это документация . Обратите внимание, что у функции есть много других параметров, которые вы можете использовать.

rowCallback( row, data, displayNum, displayIndex, dataIndex )