[javascript] DataTables에서 특정 행 또는 열을 활성화하는 방법은 무엇인가요?

DataTables는 테이블 형태로 데이터를 표시하는 JavaScript 라이브러리입니다. 특정 행 또는 열을 활성화하는 것은 사용자가 정의한 유형에 따라 다르게 구현할 수 있습니다.

행을 활성화하는 방법 중 하나는 특정 CSS 클래스를 추가하는 것입니다. 예를 들어, 선택한 행에 “active”라는 CSS 클래스를 추가하여 시각적으로 활성화할 수 있습니다. 다음은 이를 수행하는 예제 코드입니다:

$(document).ready(function() {
    $('#myTable').DataTable();

    $('#myTable tbody').on('click', 'tr', function() {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
        } else {
            $(this).addClass('active');
        }
    });
});

이 코드는 DataTables 테이블에 클릭 이벤트를 등록하고, 클릭한 행이 이미 “active” 클래스를 가지고 있는 경우에는 클래스를 제거하고, 그렇지 않은 경우에는 클래스를 추가합니다.

열을 활성화하는 방법도 비슷하게 구현될 수 있습니다. 예를 들어, 클릭한 열의 모든 행에 “active” 클래스를 추가해 해당 열을 활성화할 수 있습니다.

다른 방법으로는 DataTables의 행 또는 열에 데이터를 바인딩하여 활성화 상태를 추적하는 방법이 있습니다. 이를 통해 행 또는 열과 연결된 데이터에 접근하여 임의의 로직을 실행할 수 있습니다.

상기 예시 코드에서는 jQuery를 사용한 구현을 보여주었으며, DataTables 자체 API를 사용하는 방법도 있습니다. 자세한 내용은 DataTables 공식 문서를 참고하시기 바랍니다.