[javascript] DataTables에서 특정 열의 스타일을 설정하는 방법은 무엇인가요?
DataTables는 열기반 데이터 테이블 플러그인으로, 다양한 기능과 스타일링 옵션을 제공합니다. 특정 열의 스타일을 설정하려면 다음과 같은 단계를 따를 수 있습니다.
columns
옵션을 사용하여 열 정의를 지정합니다. 각 열 정의에는className
속성을 사용하여 해당 열에 적용할 CSS 클래스를 지정할 수 있습니다.
$(document).ready(function() {
$('#example').DataTable( {
"columns": [
null, // 첫 번째 열
{ "className": "highlight" }, // 두 번째 열
// 나머지 열들
]
} );
} );
- CSS에서
highlight
클래스를 정의하여 해당 열에 대한 스타일링을 수행합니다.
.highlight {
background-color: #f0f0f0;
font-weight: bold;
}
위의 예시에서, 두 번째 열은 highlight
클래스가 적용되어 배경색이 연하게 변하고 글꼴이 굵어지게 됩니다.
이와 같이 DataTables를 사용하여 특정 열의 스타일을 설정할 수 있습니다. 자세한 내용은 DataTables 공식 문서를 참조하세요.