无法为 jsPDF autotable 添加字体 header
Can't add font for jsPDF autotable header
我正在使用 jspdf autotable 以便在导出的 PDF 文件中获取特殊字符,并且我使用了来自 "styles" 的自定义字体,该字体已正确应用于 table body,但未申请 headers 至 "headerStyles"。有什么帮助吗???这是我写的代码,在此先感谢。
$('#PDFLINK').live('click', function () {
var summary = jsPDF('p', 'pt', 'a4');
var imglogo = $("html #container header #Logo a img").prop('src');
summary.addImage(imglogo, 'png', 425, 15);
summary.setProperties({ title: ' Report' });
summary.addFileToVFS('majalla.ttf', 'AAEAAA......GA==');
summary.addFont('majalla.ttf', 'majalla', 'normal', 'Identity-H');
summary.setFont('majalla'); // set font
var columns = [
{ title: 'First', ', dataKey: 'First' },
{ title: 'Second', dataKey: 'Second' },
{ title: 'Third', dataKey: 'Third' }
];
var rows = $("tbody tr", $("#earnings ")).map(function () {
return {
First: $("td:eq(0)", this).text(),
Second: $("td:eq(1)", this).text(),
Third: $("td:eq(2)", this).text()
};
}).get();
summary.setFontSize(10);
summary.autoTable(columns, rows, {
styles: {
fontSize: 12,
font: 'majalla'
},
columnStyles: {
fontSize: 12,
font: 'majalla'
},
headerStyles: {
font: 'majalla'
},
margin: { top: 60 },
addPageContent: function (data) {
summary.text(' Report', 40, 30);
}
});
summary.output('dataurlnewwindow');
});
问题已解决,请将标题样式更改为
标题样式:{
字体样式:'majalla'
},
我正在使用 jspdf autotable 以便在导出的 PDF 文件中获取特殊字符,并且我使用了来自 "styles" 的自定义字体,该字体已正确应用于 table body,但未申请 headers 至 "headerStyles"。有什么帮助吗???这是我写的代码,在此先感谢。
$('#PDFLINK').live('click', function () {
var summary = jsPDF('p', 'pt', 'a4');
var imglogo = $("html #container header #Logo a img").prop('src');
summary.addImage(imglogo, 'png', 425, 15);
summary.setProperties({ title: ' Report' });
summary.addFileToVFS('majalla.ttf', 'AAEAAA......GA==');
summary.addFont('majalla.ttf', 'majalla', 'normal', 'Identity-H');
summary.setFont('majalla'); // set font
var columns = [
{ title: 'First', ', dataKey: 'First' },
{ title: 'Second', dataKey: 'Second' },
{ title: 'Third', dataKey: 'Third' }
];
var rows = $("tbody tr", $("#earnings ")).map(function () {
return {
First: $("td:eq(0)", this).text(),
Second: $("td:eq(1)", this).text(),
Third: $("td:eq(2)", this).text()
};
}).get();
summary.setFontSize(10);
summary.autoTable(columns, rows, {
styles: {
fontSize: 12,
font: 'majalla'
},
columnStyles: {
fontSize: 12,
font: 'majalla'
},
headerStyles: {
font: 'majalla'
},
margin: { top: 60 },
addPageContent: function (data) {
summary.text(' Report', 40, 30);
}
});
summary.output('dataurlnewwindow');
});
问题已解决,请将标题样式更改为
标题样式:{ 字体样式:'majalla' },