文章/答案/技术大牛

发布

社区首页 >问答首页 >JSPDF-Autotable colspan/rowpan问题

问JSPDF-Autotable colspan/rowpan问题
EN

Stack Overflow用户

提问于 2016-04-09 06:59:43

回答 2查看 10.8K关注 0票数 2

我有一个带有rowspan/colspan.的html表。我使用jspdf和jspdf-autotable将该html表导出为pdf。然而，保存的pdf有一个表，它不包含实际的table.How中的rowspan/colspan来使用jspdf-autotable做colspan/rowspan？我当前的代码是

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title id='title'>HTML Page setup Tutorial</title> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://rawgit.com/someatoms/jsPDF-AutoTable/master/dist/jspdf.plugin.autotable.js"></script>

        <script type="text/javascript">
function myFunction()
{

 var doc = new jsPDF('p', 'pt');

    var res = doc.autoTableHtmlToJson(document.getElementById("my-table"));
    doc.autoTable(res.columns, res.data, {startY: 40});
    doc.save("Report.pdf");
}

</script>
    </head>
    <body>
 <table border='1' id="my-table">
<thead>
<tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan='2'>D</td>
<td colspan='2'>$100</td>

</tr>
<tr>
<td >E</td>
<td >F</td>

</tr>
</tbody>
</table>
    <button type="button" onclick="myFunction()">Click Me!</button>
    </body>
</html>

jspdf

jspdf-autotable

回答 2

Stack Overflow用户

发布于 2016-04-12 20:49:33

编辑:该库的版本3支持rowspan和colspan，不需要修改

该插件不支持从html自动移植colspan和rowspan。但是，您可以手动执行此操作。查看这个example (here是一个演示)。

票数 1

Stack Overflow用户

发布于 2021-05-07 22:53:17

同时，该插件似乎支持从HTML解析colspan。这应该是可行的：

<td colspan="2">Colspan</td>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36510636

复制

相似问题

问JSPDF-Autotable colspan/rowpan问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSPDF-Autotable colspan/rowpan问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSPDF-Autotable colspan/rowpan问题
EN