datatable ajax renklerin php'deki koşullarına bağlı olarak renk değişimi

Question

Merhabalar ajax'tan bir veri yüküm var.
Satır rengini bazı koşullara göre değiştirmem gerekiyor. Bu

$(document).ready(function() { 
     var dataTable = $('#example').DataTable({ 
      processing: true, 
      serverSide: true, 
      ajax: "ajax.php" // json datasource 

     }); 
    }); 

Çalışıyor ajax.php

while($row=mysqli_fetch_array($query)) { // preparing an array 
$nestedData=array(); 
$nestedData[] = $i; 
$nestedData[] = $row["id"]; 
$nestedData[] = $row["name"]; 
$nestedData[] = $row["status"]; 
$data[] = $nestedData; 
$i++; 
} 

$json_data = array(
"draw"   => intval($requestData['draw']), // for every request/draw by clientside , they send a number as a parameter, when they recieve a response/data they first check the draw number, so we are sending same number in draw. 
"recordsTotal" => intval($totalData), // total number of records 
"recordsFiltered" => intval($totalFiltered), // total number of records after searching, if there is no searching then totalFiltered = totalData 
"data"   => $data // total data array 
); 

echo json_encode($json_data); // send data as json format 

bu

<table id="example" > 
<thead> 
<tr> 
<th>#</th> 
<th>ID</th> 
<th>Name</th> 
<th>Status</th> 
</tr> 
</thead> 

</table> 

gibi HTML ama ne ihtiyacım gibi
komut durumuna göre satır rengini değiştirmektir.
durum == 1 ise sarı, eğer durum == 2 ise kırmızı, eğer durum == 3 ise mavi.sonra bu tablo satırını bu formatta eklerim. aşağıdaki gibi

Answer 1

Sen "fnRowCallback" kullanmak gerekir:

$(document).ready(function() { 
    var dataTable = $('#example').DataTable({ 
     processing: true, 
     serverSide: true, 
     ajax: "ajax.php", 
     "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
      if (aData[3] == "1") 
      { 
      $('td', nRow).css('background-color', 'Yellow'); 
      } 
      else if (aData[3] == "2") 
      { 
      $('td', nRow).css('background-color', 'Red'); 
      } 
      else if (aData[3] == "3") 
      { 
      $('td', nRow).css('background-color', 'Blue'); 
      } 
     } 
    }); 
});