search

ksh0165 / ReactStudy

업무에 필요한 내용 기록
http://github.com/ksh0165/works.git
0 stars 0 forks source link

jquery 좋다 2 #111

Open ksh0165 opened 4 years ago

ksh0165 commented 4 years ago

https://kutar37.tistory.com/entry/Grid-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%ACDatatables-%EC%82%AC%EC%9A%A9%EB%B2%95%EC%98%88%EC%A0%9C

ksh0165 commented 4 years ago

엑셀EXCEL로 EXPORT 데이터를 엑셀로 빼고 싶다고 요청이 추가됐습니다. 그것도 필터링 된 데이터만 파일로 다운로드 받아졌으면 좋겠다고 하네요.

그런데 이 기능 또한 datatables는 가지고 있습니다. 이 기능을 보고 얼마나 감동했는지 모릅니다 ㅠ_ㅠ 클립보드로 복사하기 CSV 파일 Excel 파일 PDF 파일 프린트 위 다섯 가지의 기능을 제공합니다.

다만 저 기능을 다 가져오려면 추가되는 파일이 좀 많은데요, 저는 CSV 파일로만 export 하는 걸로 하겠습니다.

그럼 아래 두 개만 추가하시면 됩니다.

https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js

ksh0165 commented 4 years ago

그리고 아래와 같이 사용합니다.

$(document).ready(function() { $('#myTable').DataTable( { dom: 'Blfrtip', buttons: [{ extend: 'csvHtml5', text: 'Export CSV', footer: true, className: 'exportBtn' }] } ); } );