JS

table2excel 이용하여 보이는 그대로 엑셀 파일로 뽑아내기!

litzoo 2024. 8. 31. 10:00
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
반응형