DataTables는 테이블을 CSV 파일로 저장하는 기능도 제공합니다. 이를 사용하기 위해서는 몇 가지 단계를 거쳐야 합니다.

먼저, DataTables를 초기화하고 원하는 형태의 테이블을 만듭니다. 그런 다음, 테이블을 CSV 파일로 내보내기 위해 Export 플러그인을 사용해야 합니다. 이 플러그인을 사용하기 위해 DataTables 및 Export 플러그인의 스크립트와 스타일 파일을 불러와야 합니다.

아래는 DataTables를 사용하여 테이블을 CSV 파일로 저장하는 예제 코드입니다:

// DataTables 초기화
$(document).ready(function() {
  $('#myTable').DataTable();
});

// Export 버튼 클릭 이벤트 핸들러
$('#exportBtn').click(function() {
  // DataTables Export 플러그인 옵션 설정
  var exportOptions = {
    format: {
      header: function(data, columnIdx) {
        return $('thead th').eq(columnIdx).text();
      },
      data: function(data, rowIdx, columnIdx) {
        return $('tbody tr').eq(rowIdx).find('td').eq(columnIdx).text();
      }
    }
  };

  // CSV 파일로 데이터 내보내기
  $('#myTable').table().exportButton(exportOptions).trigger();
});

위 코드에서 ‘#myTable’은 DataTables를 적용할 HTML 테이블의 Id입니다. 또한 ‘#exportBtn’은 CSV 파일로 내보내기를 수행할 버튼의 Id입니다. 이 코드를 사용하여 테이블과 버튼을 연동하면, 버튼을 클릭할 때 DataTables가 테이블 데이터를 CSV 파일로 내보내게 됩니다.

위 예제 코드에서는 Export 플러그인의 옵션을 설정하여 CSV 파일로 내보내기 전에 헤더와 데이터를 수정할 수 있습니다. 예를 들어, 테이블의 열 제목을 사용자 정의할 수 있습니다. 이 옵션은 선택적으로 적용할 수 있으며, 특별한 경우가 아니라면 생략해도 됩니다.

참고를 위해 DataTables와 Export 플러그인의 공식 문서를 확인하는 것도 좋습니다.