title: change cell background of jquery datatable based on content
body: <p>I am new to datatables - <a href="http://datatables.net/" rel="nofollow noreferrer">http://datatables.net/</a> - . I am in trouble to find an example how I could change the background color of a cell based on its position and content.</p>
  
  <p>Something like this worked for me except that the highlighting of the selected row is now 
  'overcolored' in the cells which have changed background color. If I could get the class name of the row in the fnRowCallback then I could handle it.</p>
  
  <pre class="lang-js prettyprint-override"><code>$(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",
     });
  });
  </code></pre>