[javascript] DataTables에서 여러 개의 셀에 대한 스타일을 지정하는 방법은 무엇인가요?

DataTable에서 여러 개의 셀에 대해 스타일을 지정하려면 셀에 대한 CSS 클래스를 추가하고, 해당 클래스에 스타일을 적용하면 됩니다. 이를테면, 특정 열에 배경색을 지정하려면 다음과 같이 하시면 됩니다.

$('#myTable').DataTable({
    columnDefs: [
        { 
            targets: [0, 2, 4], // 특정 열 인덱스
            className: 'highlight', // CSS 클래스 이름
        }
    ]
});

여기서 myTable은 DataTable의 ID입니다. targets에는 스타일을 지정하려는 열 인덱스의 배열을 입력하고, className에는 해당 셀에 적용할 CSS 클래스 이름을 입력하면 됩니다. CSS 파일에서 .highlight 클래스에 원하는 스타일을 지정하면 됩니다.

분명한 스타일을 지정하려면, CSS 파일에서 .highlight 클래스를 다음과 같이 정의할 수 있습니다.

.highlight {
    background-color: yellow;
    font-weight: bold;
    color: red;
}

이렇게 하면 0, 2, 4 열이 강조된 배경색과 굵은 글씨체, 빨간색으로 표시될 것입니다.