用jspdf在pdf表格中设计？
发布于2021-11-12 13:48 阅读(586) 评论(0) 点赞(16) 收藏(0)
我想使用 jspdf 将此表完全复制到 PDF。
但是 jspdf 给我打印了这个：
这是我的代码：
<style>
table#disenio{
border: 1px solid black; width: 400px; background: #CCC; color: #A41E15;
}
table#disenio td, table#disenio th{
border: 1px solid black; width: 400px; background: #CCC; color: #A41E15;
}
<table id="disenio">
<thead>
<tr>
<th>HolaU</th>
<th>HolaU</th>
<th>HolaU</th>
<th>HolaU</th>
</tr>
</thead>
<tbody>
<tr>
<td>Hola</td>
<td>Hola</td>
<td>Hola</td>
<td>Hola</td>
</tr>
<tr>
<td>Hola</td>
<td>Hola</td>
<td>Hola</td>
<td>Hola</td>
</tr>
</tbody>
<a href="javascript:demoFromHTML()" class="button">Run Code</a>
JS的：
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/jspdf.js"></script>
<script type="text/javascript" src="../js/jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="../js/jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="../js/jspdf.plugin.from_html.js"></script>
JS代码：
<script>
function demoFromHTML() {
var doc = new jsPDF();
doc.fromHTML(
$('#disenio').get(0), 15, 15, {
'width': 170
});
doc.output('dataurlnewwindow');
}
请帮我！我能做什么？
解决方案
jsPDF 表格功能非常基本，基本上首先将 html 表格转换为 json，然后从中创建表格。一些样式可能会被复制，但它真的很受欢迎。如果你想要一个样式表，更好的选择是使用表插件到 jsPDF 并手动指定样式。
编辑：我为 jsPDF制作了自己的表格插件，具有自动宽度和一系列其他功能。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/226053/dee48f6f1b5a3e9d6520/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力