[javascript] DataTables에서 특정 열을 숨기거나 보이는 방법은 무엇인가요?

30 Nov 2023

javascript

$(document).ready(function() {
    $('#myTable').DataTable();
    
    // 특정 열 숨기기
    $('#hideColumnBtn').click(function() {
        var table = $('#myTable').DataTable();
        table.columns(1).visible(false);
    });

    // 특정 열 보이기
    $('#showColumnBtn').click(function() {
        var table = $('#myTable').DataTable();
        table.columns(1).visible(true);
    });
});

위의 코드는 #myTable ID를 가진 테이블을 DataTables로 초기화하는 예시입니다. columns().visible() 메서드를 사용하여 특정 열을 숨기거나 보일 수 있습니다. 예시 코드는 두 개의 버튼을 사용하여 열을 숨기거나 보이는 것을 보여줍니다. 먼저, #hideColumnBtn 버튼을 클릭하면 첫 번째 열이 숨겨집니다. 그리고 #showColumnBtn 버튼을 클릭하면 첫 번째 열이 다시 보이게 됩니다.