JavaScript를 사용하여 HTML 테이블을 Excel로 내보내기

1. TabletoExcel 라이브러리를 사용하여 JavaScript에서 HTML 테이블을 Excel로 내보내기
2. TableExport 라이브러리를 사용하여 HTML 테이블을 JavaScript의 Excel 파일로 내보내기
3. jQuery 라이브러리를 사용하여 HTML 테이블을 JavaScript의 Excel 파일로 내보내기

Excel 스프레드시트는 하나 이상의 시트에 표 형식 데이터를 저장하는 데 사용됩니다.

이 튜토리얼에서는 JavaScript를 사용하여 HTML 테이블을 Excel로 내보내는 방법을 배웁니다.

TabletoExcel 라이브러리를 사용하여 JavaScript에서 HTML 테이블을 Excel로 내보내기

TableToExcel 라이브러리를 사용하여 HTML 테이블을 Excel 파일로 내보낼 수 있습니다. convert() 메서드를 사용하여 필요한 변환을 수행합니다.

아래 코드를 참조하십시오.

<button id="btnExport" onclick="exportReportToExcel(this)">Export HTML Table</button>

<script type="text/javascript">
  function exportReportToExcel() {
    let table = document.getElementsByID("table");
    TableToExcel.convert(table[0], {
      name: `file.xlsx`,
      sheet: {
        name: 'Sheet 1'
      }
    });
  }
</script>

위의 예에서 getElementsbyID() 함수를 사용하여 필요한 테이블 요소를 가져옵니다. 이것을 엑셀 파일로 내보냅니다. 파일과 시트의 이름도 name 및 sheet 속성을 사용하여 제공되었습니다.

TableExport 라이브러리를 사용하여 HTML 테이블을 JavaScript의 Excel 파일로 내보내기

TableExport 라이브러리는 HTML 테이블을 XLSX, XLS, CSV 또는 텍스트 파일로 내보낼 수 있습니다. 이 라이브러리는 사용이 간편하며 최종 파일을 사용자 정의할 수 있는 광범위한 속성을 제공합니다.

아래 코드를 확인하세요.

<script src="https://cdnjs.cloudflare.com/ajax/libs/TableExport/5.2.0/js/tableexport.min.js" integrity="sha512-XmZS54be9JGMZjf+zk61JZaLZyjTRgs41JLSmx5QlIP5F+sSGIyzD2eJyxD4K6kGGr7AsVhaitzZ2WTfzpsQzg==" crossorigin="anonymous" referrerpolicy="no-referrer">
TableExport(document.getElementsByTagName("table"), {
    filename: 'excelfile',            
    sheetname: "sheet1"                     
});
</script>

위의 예에서 getElementsByTagName() 함수를 사용하여 필요한 HTML 테이블에 액세스합니다. filename 및 sheetname 속성을 사용하여 최종 파일과 시트의 이름을 설정했습니다.

TableExport 라이브러리를 포함하기 위해 HTML 코드의 script 태그에 라이브러리 소스를 추가했습니다.

jQuery 라이브러리를 사용하여 HTML 테이블을 JavaScript의 Excel 파일로 내보내기

table2excel 플러그인을 사용하여 HTML 테이블 데이터를 Excel 스프레드시트로 내보냅니다. 가벼운 jQuery 플러그인입니다.

아래 코드를 확인하세요.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js", type="text/javascript">
  function Export() {
    $("#table").table2excel({
      filename: "file.xls"
    });
  }
</script>

$(table)을 사용하여 필요한 테이블에 액세스했습니다. table2excel 생성자는 이것을 필수 파일로 변환했습니다.