[javascript] DataTables에서 특정 열에 대한 스타일을 지정하는 방법은 무엇인가요?
-
열 인덱스를 사용하여 해당 열을 선택합니다. 예를 들어, 첫 번째 열의 스타일을 지정하고 싶다면
column(0)
을 사용합니다. -
column().nodes()
함수를 사용하여 선택한 열의 셀을 가져옵니다. -
가져온 셀에 원하는 스타일을 적용합니다.
아래는 이러한 방법을 사용하여 DataTable에서 특정 열에 스타일을 지정하는 예제 코드입니다.
// 첫 번째 열에 대한 스타일 지정
var table = $('#myTable').DataTable();
table.column(0).nodes().to$().addClass('my-column-style');
위의 코드에서 my-column-style
클래스를 열의 셀에 추가하여 해당 열의 스타일을 지정합니다. 이 스타일은 CSS에서 미리 정의되어야 합니다.
.my-column-style {
font-weight: bold;
color: red;
}
위의 CSS 예제에서는 선택한 열의 텍스트를 굵게 표시하고 빨간색으로 설정합니다.
이와 같은 방법을 사용하여 DataTable에서 원하는 열에 대한 스타일을 지정할 수 있습니다. 이렇게 하면 특정 열을 강조하는 등의 작업을 수행할 수 있습니다.