해당 셀 내용에 따라 데이터 테이블의 특정 행의 색을 지정하십시오.

친구,이 많이 시도했지만 내가 잘못 생각합니다. 나는 셀 내용에 따라 내 datatable 셀에 색을 넣으려고하지만 아무것도 일어나지 않고있다. fnrowcallback 함수, Createdrow 함수를 사용하여 시도했지만 아무것도 작동하지 않습니다. 비교 연산자를 "같지 않음 (! =)"으로 변경하면 표의 모든 셀에 색상이 지정됩니다. 그러나 "= (같음)"일 때는 필요에 따라 작동하지 않습니다. 행에 색상을 지정하고 싶습니다. 세 번째 열의 셀에 "A"또는 "Sat"이 포함 된 경우 제 코드를 확인하고 알려주십시오. 어디서 잘못 되었습니까? 다음은 jQuery를 사용하고자하는 경우 어쩌면이 당신을 위해 일하는 내 코드 -해당 셀 내용에 따라 데이터 테이블의 특정 행의 색을 지정하십시오.

"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    if (aData[2] == "A") 
    { 
     $('td', nRow).css('background-color', 'pink'); 
    } 
    else if (aData[2] == "Sat") 
    { 
     $('td', nRow).css('color', 'Orange'); 
    } 
}

출처

2016-10-26 payal_suthar

코드 디버깅을 시도하십시오. 'aData [2]'의 값이 무엇인지 확인하십시오. – tejashsoni111

'if (aData [2] == "A")'의 바로 앞에'console.log (aData [2])'를 넣으면 무엇을 볼 수 있습니까? –

이 경우에는 else를 사용하면 안되며 다른 조건을 실행하려면 끝에 else 블록이 있어야합니다. if (condition) {// code} else if (condition) {// code} else {// code} – pro

입니다 :

$('td:contains("three")').css('background', 'red'); 
 
$('td:contains("two")').css('background', 'yellow');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr><td>one</td><td>two</td></tr> 
 
<tr><td>three</td><td>four</td></tr> 
 
</table>

출처

2016-10-27 09:22:33 Flyer53

시도가-DATA의 dataype을 확인 할 수 있습니다. 객체 표기법을 통해 객체에 액세스하면 정의되지 않습니다. 내 추측은 json 문자열일지도 모르는가 ???

출처

2016-10-28 08:56:07 four

해당 셀 내용에 따라 데이터 테이블의 특정 행의 색을 지정하십시오.

답변

관련 문제