Html 使用jspdf在pdf表格中进行设计?

Html 使用jspdf在pdf表格中进行设计?,html,html-table,pdf-generation,jspdf,Html,Html Table,Pdf Generation,Jspdf,我想用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: #C

我想用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;
}

表#disenio{
边框:1px纯黑色;宽度:400px;背景:#CCC;颜色:#A41E15;
}
表#disenio td,表#disenio th{
边框:1px纯黑色;宽度:400px;背景:#CCC;颜色:#A41E15;
}


霍劳
霍劳
霍劳
霍劳
赫拉
赫拉
赫拉
赫拉
赫拉
赫拉
赫拉
赫拉


Js的:


Js代码:

<script>
 function demoFromHTML() {
     var doc = new jsPDF();
doc.fromHTML(
    $('#disenio').get(0), 15, 15, {
'width': 170
});

     doc.output('dataurlnewwindow');
}

函数demoFromHTML(){
var doc=new jsPDF();
doc.fromHTML(
$('disenio')。获取(0),15,15{
“宽度”:170
});
文档输出('dataurlnewwindow');
}


请帮帮我!我能做什么?

jsPDF表格功能非常基本,基本上先将html表格转换为json,然后再从中创建表格。一些样式可能会被复制,但它确实是命中或未命中的。如果您想要一个样式化的表,更好的选择是使用jsPDF的表插件并手动指定样式

编辑:我为jsPDF制作了自己的,具有自动宽度和一系列其他功能

<a href="javascript:demoFromHTML()" class="button">Run Code</a>
<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>
<script>
 function demoFromHTML() {
     var doc = new jsPDF();
doc.fromHTML(
    $('#disenio').get(0), 15, 15, {
'width': 170
});

     doc.output('dataurlnewwindow');
}