[javascript] DataTables에서 셀렉션(선택) 기능을 사용하는 방법은 무엇인가요?
DataTables에서 셀렉션(선택) 기능을 사용하기 위해서는 다음과 같은 단계를 따를 수 있습니다:
- DataTables를 초기화합니다.
$(document).ready(function() { $('#myTable').DataTable(); });
- DataTables의 옵션 설정에
select
속성을 추가합니다.$(document).ready(function() { $('#myTable').DataTable({ select: true }); });
- 이제 DataTables의 셀렉션 기능을 사용할 준비가 되었습니다. 테이블의 특정 행이나 셀을 선택하려면
row().select()
또는cell().select()
메서드를 사용할 수 있습니다.
$(document).ready(function() {
var table = $('#myTable').DataTable({
select: true
});
$('#myTable tbody').on('click', 'tr', function() {
$(this).toggleClass('selected');
});
$('#selectButton').click(function() {
table.rows('.selected').select();
});
$('#deselectButton').click(function() {
table.rows('.selected').deselect();
});
});
위의 예제에서는 선택된 행에 대해 selected
클래스를 토글하고, 선택된 행을 선택 또는 선택 해제하는 두 개의 버튼을 추가했습니다.
참고: 이 예제에서는 DataTables의 표준 선택 기능을 사용하여 행을 선택했습니다. 선택된 행을 가져오거나 조작하기 위해 DataTables API를 사용해야 할 수도 있습니다. 자세한 내용은 DataTables의 공식 문서를 참조하세요.