Javascript Datatables导出pdf HTML消息
我正在使用jQuery DataTables 1.10,希望导出带有HTML消息的PDF。因为我需要在报告上面包含一些特定的信息。 (如报告日期、报告人等)Javascript Datatables导出pdf HTML消息,javascript,html,pdf,datatables,Javascript,Html,Pdf,Datatables,我正在使用jQuery DataTables 1.10,希望导出带有HTML消息的PDF。因为我需要在报告上面包含一些特定的信息。 (如报告日期、报告人等) 按钮:[ { 扩展:“pdfHtml5”, 消息:“制作:20_05-17由谁制作?用户232”+this.messagePDF, 标题:标题,, 标题:true }, ] 消息中的HTML不起作用,它只显示标记。您可以应用粗体、斜体等样式。。。使用doc.content.splice自定义文本,如fiddle中所示 $(docu
按钮:[
{
扩展:“pdfHtml5”,
消息:“制作:20_05-17
由谁制作?用户232
”+this.messagePDF,
标题:标题,,
标题:true
},
]
消息中的HTML不起作用,它只显示
标记。您可以应用粗体、斜体等样式。。。使用doc.content.splice自定义文本,如fiddle中所示
$(document).ready(function() {
var table = $('#example').DataTable({
dom: 'Bfrtip',
ajax: 'https://api.myjson.com/bins/qgcu',
buttons: [{
extend: 'pdfHtml5',
//message: "Made: 20_05-17\nMade by whom: User232\n" + "Custom message",
title: 'Export',
header: true,
customize: function(doc) {
doc.content.splice(0, 1, {
text: [{
text: 'Made: 20_05-17 \n',
bold: true,
fontSize: 16
}, {
text: ' Made by whom: User232 \n',
bold: true,
fontSize: 11
}, {
text: 'Custom message',
bold: true,
fontSize: 11
}],
margin: [0, 0, 0, 12],
alignment: 'center'
});
}
}]
});
});
它工作正常,请参阅。使用
\n
而不是
插入换行符。对于这一技巧,非常感谢您!!你救了我一天!但是如果我想添加标签?并对齐,使一条线位于中间,另一条线与示例中的一样?
$(document).ready(function() {
var table = $('#example').DataTable({
dom: 'Bfrtip',
ajax: 'https://api.myjson.com/bins/qgcu',
buttons: [{
extend: 'pdfHtml5',
//message: "Made: 20_05-17\nMade by whom: User232\n" + "Custom message",
title: 'Export',
header: true,
customize: function(doc) {
doc.content.splice(0, 1, {
text: [{
text: 'Made: 20_05-17 \n',
bold: true,
fontSize: 16
}, {
text: ' Made by whom: User232 \n',
bold: true,
fontSize: 11
}, {
text: 'Custom message',
bold: true,
fontSize: 11
}],
margin: [0, 0, 0, 12],
alignment: 'center'
});
}
}]
});
});