html tabl 를 별도의 페이지 없이 엑셀로 다운로드 하기

안녕하세요~ 삽질하는 프로그래머 통통만두입니다.

앞전에 html 페이지를 엑셀, 워드, 한글 파일로 다운로드하는 방법을 소개해드렸습니다.

하지만 그러기 위해서는 조회화면과는 별도로 엑셀 다운로드 페이지를 생성해서 해야했습니다.

매번 엑셀 다운로드를 위해서 같은 페이지를 만드는 것도 비효율적이라 생각하여 이리저리 찾아봤습니다.

역시나 jQuery에서는 해당 기능을 제공해주고 있었습니다!!

이름하여 jquery-techbytarun-excelexportjs 입니다.

다운로드 : https://github.com/battatech/battatech_excelexport

우선 아래와 같이 추가를 해줍니다.

<script type="text/javascript" src="path/jquery.techbytarun.excelexportjs.min.js"></script>

그러고나서 예를 들면 엑셀 다운로드 버튼을 눌렀을 경우에 아래와 같이 추가를 합니다.

$("#tblResult").excelexportjs({
  containerid: "tblResult"
  , datatype: 'table'
});

워크시트의 이름을 지정하시려면 아래와 같이 하시면 됩니다.

$("#tblResult").excelexportjs({
  containerid: "tblResult"
  , datatype: "table"
  , worksheetName: "나만의 워크시트"
});

항상 느끼지만 jQuery 의 힘은 막강합니다!

2016-08-14 14:43 추가

위에 설명드린 방법으로 하면 다운로드의 파일명이 "다운로드"로 자동설정됩니다. 파일명을 지정하기 위해서는 아래와 같이 하면 해결됩니다.

var uri = $("#tblResult").excelexportjs({
  containerid: "tblResult"
  , datatype: "table"
  , worksheetName: "나만의 워크시트"
  , returnUri: true
});

$("#btnExcelDownload").attr("download", "나만의 파일").attr("href", uri).attr("target", "_blank");