DATA Table ... Wie ändert man die Farbe der Zelle gemäß der Zelle Wert der Tabelle

Question

Ich benutze Datatable Concept, aber nicht wissen, wie man die Farbe einer Zelle nach der Zelle Wert ändern. Ich weiß, wie man die ganze Reihenfarbe entsprechend dem Zellenwert ändert. Hier ist der Code, den ich für Reihe verwende. Wo sollte ich den Code ändern ... ??

$('#example').DataTable({ 
       //"bDestroy": true, // NOT Working THis Function Here ...!!! 
       dom: 'Bfrtip', 
       buttons: ['copy', 'csv', 'excel', 'pdf', 'print'], 
       retrieve: true, 
       //FOR COLOR CODING AS PER THE VALUES in THe ROW/ CELL..!!!-NOW IT is for the Entire Row .. !! 
       "fnRowCallback": function(nRow, myInfraArray) 
       { 
          if (myInfraArray[3] == "") 
          { 
           $('td', nRow).css('background-color', '#F08080'); 
          } 
          else if (myInfraArray[3] == "Not Availiable") 
          { 
           $('td', nRow).css('background-color', '#F08080'); 
          } 
          else if (myInfraArray[3] >= 5 && myInfraArray[3] <= 15) 
          { 
           $('td', nRow).css('background-color', '#90EE90'); 
          } 
          else if (myInfraArray[3] >= 0 && myInfraArray[3] <= 4) 
          { 
           $('td', nRow).css('background-color', '#FFDAB9'); 
          } 

         } 
        }); 

Answer 1

Ich habe es gelöst ... :) ist hier der Code für Änderung der Farbe einer Zelle gemäß dem Wert der Zelle ...

 $('#example').DataTable({ 
         //"bDestroy": true, // NOT Working THis Function Here ...!!! 
         dom: 'Bfrtip', 
         buttons: ['copy', 'csv', 'excel', 'pdf', 'print'], 
         retrieve: true, 
         //FOR COLOR CODING AS PER THE VALUES in THe ROW/ CELL..!!!-NOW IT is for the Entire Row .. !! 
         "fnRowCallback": function(nRow, myInfraArray) 
         { 
             $(nRow).children().each(function(index, td, myInfraArray) {  
             if ($(td).html() == "") { 
               $(td).css("background-color", "#F08080"); 
              } else if ($(td).html() == "Not Available") { 
               $(td).css("background-color", "#F08080"); 
              } else if (($(td).html() >= 5 && $(td).html() <= 20)) 
{ $(td).css("background-color", "#90EE90"); 
              } else if (($(td).html() >= 00 && $(td).html() <= 4) || ($(td).html()=="not working")) 
    $(td).css("background-color", "#FF3229"); 
            $('table:last tr:nth-child(2) td:nth-child(2)'). 
            css("background-color", "#cccccc"); 
           }); 
           return nRow; 
           } 
          });