데이터 테이블 사용자 정의 pdf

jQuery 데이터 테이블을 사용하여 pdf로 테이블을 내보낼 수 있습니다. 이제 모든 텍스트가 PDF로 정렬됩니다. 바로 정렬하려면 어떻게 바꿀 수 있습니까? 내 보낸 PDF에 사용자 정의 CSS를 추가해야합니다.데이터 테이블 사용자 정의 pdf

여기에 내 코드

$('#reporTable').DataTable({ 

    "paging" : false, 
    "ordering": false, 
    "info" : false, 
    "searching" : false, 

    dom: 'T<"clear">lfrtip', 
    tableTools: { 
    "sSwfPath": "/javascripts/js/dataTables/tools/swf/copy_csv_xls_pdf.swf", 

    "aButtons": [ 
    { 
    "sExtends": "pdf", 
    "sTitle": filename, 
    "sPdfOrientation": "landscape", 
    "sPdfMessage": out_name+":" + msg 
    }, 

    ], 

    } 

    });

출처

2016-10-24 Bibin Joseph

사용 customize 콜백입니다. 잘 설명되어 있지 않습니다 (this answer for some references 참조). 또는 전달 된 doc 리터럴을 조사하기 만하면됩니다. 기본적으로

customize: function(doc) { 
    doc.defaultStyle.alignment = 'right'; 
    doc.styles.tableHeader.alignment = 'right'; 
}

은 오른쪽 정렬 헤더 및 셀 내용으로 끝납니다. 샘플은

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
    extend: 'pdfHtml5', 
    customize: function(doc) { 
    doc.defaultStyle.alignment = 'right'; 
    doc.styles.tableHeader.alignment = 'right'; 
    } 
}] 
})

데모가 될 수 - 기본 문서 레이아웃에서>https://jsfiddle.net/yzdtLz36/

출처

2016-10-24 13:12:01 davidkonrad

는 noBorders 방법 테두리를 만들 수있다? –

@BibinJoseph, 죄송합니다. 저는 솔직히 모릅니다. 기능을 필요로하지 않았습니다. 행운이없는 몇 가지 시도. 나는 당신이'doc.contents'의 모든 아이템을 반복하고 각 아이템에 스타일을 적용해야한다고 생각합니다. dataTables는 단지'pdfmake'의 기초를 돕고, 당신은 더 정확한 정보를 얻기 위해 http://pdfmake.org를 볼 수 있습니다 ... – davidkonrad

데이터 테이블 사용자 정의 pdf

답변

관련 문제