DataTable row 클릭 처리

DataTable의 row를 클릭하여 이벤트를 동작시키고자 할 경우 아래와 같이 row를 처리하는 click event 코드를 추가하여야 한다

 

$("#test-table").on('click', 'tbody tr', function(){
    $("#test-table").DataTable().row($(this)).data();
});

 

row를 클릭하여 모달을 띄우고 싶을 경우 아래와 같은 방식으로 할 수 있다.

 

$("#test-table").on('click.modal.data-api', 'tbody tr', '[data-toggle="modal"]', function(){
    let row=$("#test-table").DataTable().row($(this)).data();
    let url="/test/view?id=" + row.id;
    $($('#testModal' + ' .modal-body').load(url));
    $('#testModal').modal('show');
});