我正在尝试将 html 表打印为 pdf。在 javascript 中打印表格的代码如下所示：function createPDF(){ var table = document.getElementById('mytable'); var style = "<style>"; style = style + "table {width: 100%;font: 17px Calibri;}"; style = style + "table, th, td {border: solid 1px #DDD; border-collapse: collapse;"; style = style + "padding: 2px 3px;text-align: center;}"; style = style + "</style>"; // CREATE A WINDOW OBJECT. var win = window.open('', '', 'height=700,width=700'); win.document.write('<html><head>'); win.document.write('<title>Profile</title>'); // <title> FOR PDF HEADER. win.document.write(style); // ADD STYLE INSIDE THE HEAD TAG. win.document.write('</head>'); win.document.write('<body>'); win.document.write(table); // THE TABLE CONTENTS INSIDE THE BODY TAG. win.document.write('</body></html>'); win.document.close(); // CLOSE THE CURRENT WINDOW. win.print(); // PRINT THE CONTENTS.}该表如果用 javascript 动态填充，不知道这是否重要。无论如何，每当我尝试打印 html 表格时，我都会在我的 pdf 文档中得到 [object HTML TableElement]。有人知道问题出在哪里吗？
1 回答
幕布斯6054654
TA贡献1876条经验 获得超7个赞
您需要从表中获取 HTML - 您只获取对象 - 而不是执行
var table = document.getElementById('mytable').outerHTML或
将表对象附加到 win.document 但无论如何你真的应该只写一次
function createPDF(){
const table = document.getElementById('mytable').outerHTML;
const style = `<style>
table {width: 100%;font: 17px Calibri;}
table, th, td {border: solid 1px #DDD; border-collapse: collapse;
padding: 2px 3px;text-align: center;}
</style>`;
// CREATE A WINDOW OBJECT.
const win = window.open('', '', 'height=700,width=700');
const html = `<title>Profile</title>
${style}
${table}`;
win.document.write(html);
win.document.close();
win.print();
}
使用对象（未测试）：
function createPDF(){
const table = document.getElementById('mytable');
const style = document.createElement("style");
style.textContent = `table {width: 100%;font: 17px Calibri;}
table, th, td {border: solid 1px #DDD; border-collapse: collapse;
padding: 2px 3px;text-align: center;}`
// CREATE A WINDOW OBJECT.
const win = window.open('', '', 'height=700,width=700');
const doc = win.document;
const title = document.createElement("title");
title.textContent = "Profile"
doc.body.append(title);
doc.body.append(style);
doc.body.append(table);
win.print();
}
添加回答
举报
0/150
提交
取消