table2excel이란?
눈에 보이는 표 그대로를 엑셀로 뽑아주는 방식!
내가 보고있는 표 그대로를 엑셀로 뽑아줄 수 있다니...!
이것은 진정한 혁명이다
이렇게 행이 2개뿐인 초라한 표에서도, 엑셀로 뽑아야 할 때가 있다
코드 바로 갑니다
<script src="//cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"> </script>
<script>
const tempExcel = (excelName) => $("#excelList").table2excel({filename : excelName });
</script>
<table id="excelList">~</table>
<span onclick="tempExcel('회원수업리스트')">엑셀다운로드</span>
그냥 이렇게 몇줄이면 끝나버린다
감자에게 진짜 싹이 피어나는 듯한 기쁨이다
사실 table2excel 라이브러리의 옵션은 더있지만 상남자처럼 보이고 싶어서
es6문법으로 1줄컷해버렸다 조금더 길게 써보자면 이렇다
<script src="//cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"></script>
<script>
const today = new Date();
const formattedDate = today.getFullYear().toString() + (today.getMonth() + 1).toString().padStart(2, '0') + today.getDate().toString().padStart(2, '0');
function tempExcel(){
$("#excelList").table2excel({
exclude: "", // 제외할 클래스 지정
name: "",
filename: "회원수업리스트"+"_"+formattedDate, // 파일명 설정
preserveColors: true, // 색상 유지 옵션
exclude_links : false,
exclude_button : false,
exclude_img : false,
exclude_select : false,
});
}
</script>
그 결과!!
이것은 정말로 혁명이다 ㅠㅠㅠ 너무 편하다!
colspan은 되지만 rowspan은 안된다는 단점이 있음!
728x90
반응형
'JS' 카테고리의 다른 글
캐시 버전명을 혁명적으로 변경해서 웹로딩 빠르게하기! (0) | 2024.09.09 |
---|---|
깔끔하게 날짜를 SELECT 하는 방법! (0) | 2024.09.03 |
AOS를 이용하여 애니메이션 3초만에 적용시키기 (2) | 2024.08.30 |
서머노트 라이브러리 IMG 업로드 시 공백 제거 (3) | 2024.08.29 |
[JS] 어디에서나 쉽게 email JS 이용하기 (1) | 2023.12.13 |