jquery - 数据表定制pdf

Question

我正在使用 jQuery 数据表将表导出为 pdf。现在 pdf 中的所有文本都是左对齐的。如何将其更改为右对齐？我需要向导出的 pdf 添加自定义 css。

这是我的代码

$('#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
    },

    ],

    }

    });

Answer 1

使用自定义回调。它没有很好的记录，请参阅 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';
   }  
 }]
})

演示 -> https://jsfiddle.net/yzdtLz36/