Answers

• schwaluck Posts: 103Questions: 27Answers: 1

  August 2021 Answer ✓

  Hi,
  if you want to color a whole row, you can use the rowCallback-Function.
  Attached is an example which changes the text color based on a value within one cell:

          rowCallback: function (row, data) {
              if (data.YOUR_COLUMN === 'YES') {
                  $(row).css('color', 'green');
                  $(row).css('font-weight', 'bold');
              }   
                     //You could add a else here, if needed
          },  
  
• colin Posts: 15,177Questions: 1Answers: 2,590

  August 2021 Answer ✓

  Yep, as @schwaluck said, and here's an example, just press "load data" to get the data there,

  Colin
• messaoud Posts: 4Questions: 3Answers: 0

  August 2021

  the problem the filter applies only on the first page it does not retrieve all the values of the array in dataTable and if we go to the second page we must create an event to filter .this is my example:

   $(document).ready(function() {   
       var table = $("#cerbere_id").DataTable({   
           "rowCallback": function(row, data) {  
               $(".occurence").each(function(index) {   
                   $(this).on('click', function() {   
                       var value = $(this).text();  
                       highLight(value, row);   
  
                   })   
               });   
  
          function highLight(value, row) {
              $(row).css('background-color', 'unset');
              $(row).css('font-weight', 'unset');
  
              if (data[2] === value) {
                  $(row).css('background-color', 'lightblue');
                  $(row).css('font-weight', 'bold');
              }
          }
  
      }
  });
  

  });
• colin Posts: 15,177Questions: 1Answers: 2,590

  August 2021

  We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

  Cheers,

  Colin