[JS] 테이블 엑셀 다운로드
2018. 9. 12. 10:49
반응형
[JS] 테이블 엑셀 다운로드
테이블등을 엑셀로 가지고오는 방법은 다양하다
라이브러리를 사용하는 방법 직접 js로 만들어서 가지고 오는 방법등.
그중에서 라이브러리를 사용해서 뽑아내는 법을 소개하고자한다.
여기선 table2excel.js 를 사용하였다.
excelexportjs , table2csv, tabletoCSV,poi 등등 굉장히 많은 라이브러리가 있으니
참고해서 사용하도록하자
▼라이브러리 선언
1 2 3 4 | // table2excel.js 를 선언 해주어여함 // *대부분의 라이브러리를 사용시에는 항시 jquery 이후에 나오도록 <script src="/jquery/jquery.table2excel.js" type="text/javascript"></script> | cs |
▼사용 방법
1 2 3 4 5 6 7 8 9 | // 엑셀 버튼 클릭 $("#excel").click(function () { $("#tableName").table2excel({ name: "Worksheet Name", filename: filename, fileext: ".xls" }); }); | cs |
라이브러리를 사용한다면
굉장히 심플하고 단순하게 변경이가능하다.
▼직접 사용 예제
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | !DOCTYPE html> <html> <head> <title>엑셀 등록 테스트</title> //스크립트 등록 <script src="../ajax/libs/jquery_2.2.4/jquery.min.js"></script> <script src="../dist/jquery.table2excel.js"></script> </head> <body> <table id="table1" data-tableName="Test Table 1"> <thead> <tr><td>일번</td></tr> </thead> <tbody> <tr> <td>test one</td> <td>test one</td></tr> <tr> <td>test two</td> <td>test two</td> </tr> </tbody> </table> <script> $(function() { $("#table1").table2excel({ name: "Excel table", filename: "excel table", fileext: ".xls", exclude_img: true, exclude_links: true, exclude_inputs: true }); }); </script> </body> </html> | cs |
반응형
'Program > JavaScript' 카테고리의 다른 글
| [JS]테이블 로우증가 / append 사용법 (0) | 2019.01.11 |
|---|---|
| [JS]버튼 클릭시 카운트 증가 (0) | 2019.01.10 |
| [Js] 자바스크립트 utf-8 csv excel 생성시 한글 깨짐 (0) | 2018.09.12 |
| [JS] 배열 선언 및 랜덤 함수 활용 (0) | 2018.03.05 |
| [JS] 쿠키를 사용한 세션 저장 (0) | 2017.11.09 |
