Colin's Blog
[javascript] DataTables에서 테이블을 PDF 파일로 저장하는 방법은 무엇인가요?

DataTables는 테이블을 동적으로 표시하고 관리하는 JavaScript 라이브러리입니다. 테이블을 PDF 파일로 저장하기 위해 DataTables 에셋에는 PDF 변환을 지원하는 플러그인이 포함되어 있습니다. 아래는 DataTables를 사용하여 테이블을 PDF로 저장하는 방법입니다.

  1. DataTables를 다운로드하고 웹 페이지에 포함시킵니다. 아래 코드를 이용하면 CDN을 통해 가져올 수 있습니다.
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
  1. DataTables 테이블을 생성하고 초기화합니다. 이 때 PDF 변환을 지원하기 위해 Buttons 확장 기능을 추가해야 합니다. 아래 코드는 예시입니다.
$(document).ready(function() {
  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [
      'pdf'
    ]
  });
});

  1. 위 코드에서 #example는 테이블의 ID에 맞게 변경해야 합니다.

  2. 이제 테이블 우측 상단에 “PDF” 버튼이 추가되었을 것입니다. 이 버튼을 클릭하면 테이블이 PDF 파일로 변환됩니다.

위와 같이 DataTables에서 테이블을 PDF 파일로 저장하는 방법을 사용할 수 있습니다. 추가로 Buttons 확장 기능을 사용하여 다양한 출력 형식과 설정을 지원합니다.

만약 위 방법이 작동하지 않는다면, PDF 변환 플러그인이 올바르게 로드되었는지 확인하고 DataTables 버전과 호환되는지 확인해야 합니다. 또한, 필요에 따라 추가 설정을 할 수 있으니 DataTables Buttons 확장 기능 문서를 참고하는 것이 좋습니다.

참고 문서:

주의: 이 코드 샘플은 DataTables 버전 1.10.25에서 작동합니다. 다른 버전을 사용하는 경우 버전 간의 호환성을 확인하십시오.

© 2018 Colin. All rights reserved.