값에 따라 데이터 테이블 셀의 색을 변경하십시오.

Question

서버에서 오는 값에 따라 하나의 색을 변경해야하는 데이터 테이블에서 작업하고 있습니다.

지금까지 완성 된 행의 색상을 성공적으로 업데이트했지만 한 행의 색상 만 변경할 수는 없습니다.

현재 결과는 첨부 된 이미지를 참조하십시오.

당신은 행의 전체 색상을 변경할 볼 수 있지만 난 단지 두 번째 컬럼의 색상을 변경해야합니다. 또한하지 않습니다,

"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
      if(aData.statusCode == "FAILED"){ 
       $("td", nRow).css("background-color", "Red"); 
      } 
      if(aData.statusCode == "RUNNING"){ 
       $("td", nRow).css("background-color", "green"); 
      } 
     } 

내가 가장 좋은 방법을 jQuery를의 CSS 기능과 색상을하지 않는 변경 1.10.15

Answer 1

버전 DataTables을 사용하고 있습니다 : 여기

내 코드입니다 예상대로 작동합니다. 더 나은

특정 TD에 클래스를 추가

"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    if(aData.statusCode == "FAILED"){ 
    $("td:nth-child(2)", nRow).addClass("failed"); 
    $("td:nth-child(2)", nRow).removeClass("running"); 
    } 
    if(aData.statusCode == "RUNNING"){ 
    $("td:nth-child(2)", nRow).removeClass("failed"); 
    $("td:nth-child(2)", nRow).addClass("running"); 
    } 
} 

을 CSS는 다음과 같이 보일 것이다 :

td.failed { 
    background-color: red; 
} 
td.running { 
    background-color: green; 
} 

편집

추가 : n 번째의 아이를 (2) TD를 선택하십시오.