[javascript] DataTables에서 행에 대한 이벤트 핸들러를 등록하는 방법은 무엇인가요?

DataTables에서 행에 대한 이벤트 핸들러를 등록하는 방법은 아래와 같습니다:

$(document).ready(function() {
  var table = $('#example').DataTable();
  
  $('#example tbody').on('click', 'tr', function() {
    var data = table.row(this).data();
    alert('선택된 행의 데이터: ' + data);
  });
});

먼저, DataTables를 초기화하고 테이블 객체(table)를 생성합니다. 그런 다음, $('#example tbody').on('click', 'tr', function() { ... });와 같은 코드를 사용하여 테이블의 tbody 요소에 클릭 이벤트 핸들러를 등록합니다.

위의 코드에서는 테이블의 행을 클릭했을 때, 해당 행의 데이터를 가져와서 알림창으로 보여주는 예시입니다. 이벤트 핸들러 안에서 this는 클릭된 행의 DOM 요소를 가리키며, table.row(this).data()를 사용하여 해당 행의 데이터를 가져올 수 있습니다.

이 방법을 사용하면 DataTables에서 행에 이벤트 핸들러를 쉽게 등록할 수 있습니다.