// DataTables 생성 및 초기화
var table = $('#myTable').DataTable();

// 전체 선택 체크박스 이벤트 핸들러 등록
$('#selectAll').on('change', function() {
    var isChecked = $(this).is(':checked');

    // 테이블의 모든 체크박스 상태 변경
    table.rows().every(function() {
        this.data().isSelected = isChecked;
    });

    // 체크박스 상태에 따른 행의 스타일 변경
    table.rows().nodes().to$().each(function() {
        if (isChecked) {
            $(this).addClass('selected');
        } else {
            $(this).removeClass('selected');
        }
    });
});

// 개별 선택 체크박스 이벤트 핸들러 등록
$('#myTable').on('change', 'input[type="checkbox"]', function() {
    var rowData = table.row($(this).closest('tr')).data();
    rowData.isSelected = $(this).is(':checked');

    // 체크박스 상태에 따른 행의 스타일 변경
    if (rowData.isSelected) {
        $(this).closest('tr').addClass('selected');
    } else {
        $(this).closest('tr').removeClass('selected');
    }
});