如何将 PDF 的标题与 jspdf-autotable 中的中心对齐？

Question

我必须将 pdf 的标题放在中间。我尝试了很多方法，但找不到可行的方法。

我正在使用 jspdf 和 jspdf-autotable 包使用 reactjs 形成 pdf。

var options = {
  didDrawPage: function (data) {
            // Header
            doc.text(heading, 20, 10,{
                    halign: 'center',
                    valign: 'middle'
                });
        }
};
doc.autoTable(columns, rows, options);
doc.save('table.pdf');

上面的代码对我不起作用。

Answer 1

试试这个。

var columns = [...];
var rows = [...];
var options = {
  headStyles:{
    valign: 'middle',
    halign : 'center'
  }
};
doc.autoTable(columns, rows, options);
doc.save('table.pdf');

Answer 2

要对齐特定的标题列：

• 您必须在头部定义中添加列名
• 添加函数钩子didParseCell

const head = [
    {
        code: 'Code',// <- here
        qty: 'Qty',
    }
];
const doc = new jsPDF();
autoTable(doc, {
    head: head,
    body: someData,
    didParseCell: (hookData) => {
        if (hookData.section === 'head') {
            if (hookData.column.dataKey === 'qty') {
                hookData.cell.styles.halign = 'right';
            }
        }
    }
});
doc.save('fileName.pdf');