[javascript] DataTables에서 열에 대한 이벤트 핸들러를 등록하는 방법은 무엇인가요?
- DataTables 초기화하기
$(document).ready(function() { $('#myTable').DataTable(); });
- 이벤트 핸들러 등록하기 ```javascript $(document).ready(function() { var table = $(‘#myTable’).DataTable();
// 해당 열의 클릭 이벤트 핸들러 등록하기 table.on(‘click’, ‘td’, function() { var data = table.cell(this).data(); console.log(‘클릭한 셀의 데이터:’, data); }); }); ```
위 코드에서는 DataTables를 초기화하고, #myTable
ID를 가진 테이블에 대해 이벤트 핸들러를 등록합니다. 이벤트 핸들러는 table.on()
메서드를 사용하여 등록하며, 'click'
이벤트를 사용하여 셀 클릭 이벤트를 감지합니다. 클릭한 셀의 데이터는 table.cell(this).data()
로 가져올 수 있으며, 이를 활용하여 원하는 작업을 수행할 수 있습니다.
참고 문서: DataTables - Events