DataTables 첫번째 Row 자동선택 하기(Select 이벤트 발생 시키기)

Jquery 의 DataTables 를 그린 후 첫번째 Row 를 선택해야할 때 아래와 같이 설정하면 된다.

 

.DataTable({}) 을 통해 옵션 및 데이터 설정을 하고 그려준 후 이벤트 설정을 한다.

이벤트 설정 밑에 아래와 같이 DataTables ID 값. row().select() 를 통해 첫번째 Row 를 자동선택되도록 한다.

 

TableID.row().select();

// HTML
<table id="manager-department-table" class="table table-striped" style="width:100%"></table>

// Javascript
$(document).ready(function(){
	//DataTables 그리기
	let dept_table = $('#manager-department-table').DataTable({
    	....
        select: true
        ....
    });
    
    // DataTables Select 이벤트
    dept_table.on('select', function(e, dt, type, index){
    	.... Row 선택 시 이벤트 발생
    });
    
    // 첫번째 Row 자동 선택되도록 설정
    dept_table.row().select();
})