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
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 |