Front/JS & jQuery

[jQuery][datatables] 엑셀 다운로드

오선지♬ 2022. 8. 3. 18:11
728x90
반응형
$('#myTable').DataTable( {
    buttons: [
        {
            extend: 'excel',
            text: 'Save current page',
            exportOptions: {
                modifier: {
                    page: 'current'
                }
            }
        }
    ]
} );

 

프로젝트에서는 엑셀 다운로드시 컬럼별로  CSS를 설정해주고,

	  function getExcelConfig(){
		   // 엑셀 스타일 설정
		   const cols = [
			   // 순서
			   {
				   idx:0,
				   stCode :'center'
			   },
			   // 일자
			   {
				   idx: 1,
				   stCode :'center',
				   width: 40
			   },
			   // 구분
			   {
				   idx: 2,
				   stCode:'center'
			   },
			   // 비고
			   {
				   idx: 3,
				   stCode:'left',
				   width: 50
			   }
		   ];
		   
          // setCode : 정렬위치

권한에 따라 버튼유무를 설정하였다.

  /* 엑셀다운로드 권한확인 */
  	$(function(){
  		if(Component.getHiddenAuthDeptAndUser("권한코드").AUTH.EXCLDN_YN == "N"){
  			$("li[name=excelHide]").remove()
  		}
  	});

 

https://datatables.net/reference/button/excel

 

excel

excel Since: Buttons 1.0.0 Create and save an Excel CSV file that contains the data from the table. Please note - this property requires the Buttons extension for DataTables. Description Requires In order to operate, this button requires the following: But

datatables.net

 

728x90
반응형

'Front > JS & jQuery' 카테고리의 다른 글

[JS] 해당클래스 포함  (0) 2022.08.06
[jQuery] 해당 선택자 제외  (0) 2022.08.05
[jQuery] 클릭 이벤트가 되지 않을 때  (0) 2022.07.31
[js] replace()  (0) 2022.07.27
[js] != 와 !==  (0) 2022.07.24