[javascript] DataTables에서 셀렉션(선택) 기능을 사용하는 방법은 무엇인가요?

DataTables에서 셀렉션(선택) 기능을 사용하기 위해서는 다음과 같은 단계를 따를 수 있습니다:

  1. DataTables를 초기화합니다.
    $(document).ready(function() {
      $('#myTable').DataTable();
    });
    
  2. DataTables의 옵션 설정에 select 속성을 추가합니다.
    $(document).ready(function() {
      $('#myTable').DataTable({
     select: true
      });
    });
    
  3. 이제 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의 공식 문서를 참조하세요.

참고 문서