html表格合并中文乱码,JS - 使用jsPDF-AutoTable库生成带表格的PDF文件3（进阶用法、中文乱码解决）...

五、添加其他文字内容

有时我们导出的 pdf 文件中除了表格外，还需显示标题或者一些其他的文字信息。这个关键在于设置好坐标位置，下面通过样例进行演示。

1，添加一个简单的标题

//页面初始化

function init() {

//表格列头

var columns = ["ID", "Name", "Country"];

//表格数据

var rows = [

[1, "Shaw", "Tanzania"],

[2, "Nelson", "Kazakhstan"],

[3, "Garcia", "Madagascar"]

];

//只支持pt(不支持 mm 或 in)

var doc = new jsPDF('p', 'pt');

doc.autoTable(columns, rows, {

addPageContent: function(data) {

doc.text("This is header", 40, 30);

}

});

doc.save('table.pdf');

}

2，更加复杂的文字样例

var doc = new jsPDF();

//添加表格上方的标题

doc.setFontSize(18);

doc.text('This is header', 14, 22);

//添加表格上方的文字描述

doc.setFontSize(11);

doc.setTextColor(100);

var pageWidth = doc.internal.pageSize.width || doc.internal.pageSize.getWidth();

var text = doc.splitTextToSize('Welcome to hangge.com.......', pageWidth - 35, {});

doc.text(text, 14, 30);

//添加表格

doc.autoTable(columns, rows, {startY: 50, showHeader: 'firstPage'});

//添加表格下方的文字

doc.text(text, 14, doc.autoTable.previous.finalY + 10);

doc.save('tabl