[javascript] DataTables에서 특정 셀의 스타일을 설정하는 방법은 무엇인가요?

30 Nov 2023

javascript

다음은 예시 코드입니다.

$(document).ready(function() {
    $('#myTable').DataTable({
        columns: [
            null, // 첫 번째 열은 스타일을 설정하지 않음
            {
                // 두 번째 열
                render: function(data, type, row) {
                    if (data == 'Important') {
                        return '<span style="color: red;">' + data + '</span>';
                    } else {
                        return data;
                    }
                }
            }
        ]
    });
});

위 예시에서는 DataTables로 테이블을 생성한 후, 두 번째 열의 데이터가 “Important”인 경우 텍스트를 빨간색으로 표시하도록 스타일을 설정했습니다.

이제 DataTables가 테이블을 렌더링하는 동안 각 셀을 테스트하여 조건에 따라 스타일을 설정할 수 있습니다.