数据表定制pdf

时间:2016-10-24 04:51:23

标签: jquery datatables

我使用jQuery Data Table将表导出为pdf.Now 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
    },

    ],

    }

    });

1 个答案:

答案 0 :(得分:6)

使用 customize 回调。记录不完整,请参阅this answer for some references,或者您可以尝试自行调查传递的doc字面值。基本上

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

将以带有右对齐标题和单元格内容的PDF格式结束。样本可以是

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

演示 - &gt;的 https://jsfiddle.net/yzdtLz36/