изменить фон ячейки jquery datatable на основе содержимого

Я новичок в таблицах данных - http://datatables.net/ -. Мне сложно найти пример, как я могу изменить цвет фона ячейки в зависимости от ее положения и содержимого.

Что-то вроде этого сработало у меня, за исключением того, что выделение выделенной строки теперь «перекрашены» в ячейках, у которых изменился цвет фона. Если бы я мог получить имя класса строки в fnRowCallback, я бы справился с этим.

$(document).ready(function() {

   // Add a click handler to the rows - this could be used as a callback 
   $("#example tbody").click(function(event) {

      $(oTable.fnSettings().aoData).each(function() {
         $(this.nTr).removeClass('row_selected');
      });
      (event.target.parentNode).addClass('row_selected');
   });


   oTable = $('#example').dataTable({

      "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

         $(nRow).children().each(function(index, td) {

            if (index == 6) {

               if ($(td).html() === "pending") {
                  $(td).css("background-color", "#078DC6");
               } else if ($(td).html() === "rendering") {
                  $(td).css("background-color", "#FFDE00");
               } else if ($(td).html() === "success") {
                  $(td).css("background-color", "#06B33A");
               } else if ($(td).html() === "failure") {
                  $(td).css("background-color", "#FF3229");
               } else {
                  $(td).css("background-color", "#FF3229");
               }
            }
         });
         return nRow;
      },
      "bProcessing": true,
      "bServerSide": true,
      "sAjaxSource": "scripts/server_processing.php",
      "sPaginationType": "full_numbers",
   });
});

12
задан Gyrocode.com 17 January 2016 в 21:08
поделиться