JsPdf 添加对 HTML colspan 的支持

Question

我正在使用JsPDF 导出 PDF。 它不支持 HTML 表格 colspan 或 CSS。那么，如何使用 CSS 导出完整的 pdf 和工作 HTML 表。

我已经尝试过关注jsPlugins

<script type="text/javascript" src="myproject/js/highcharts/jspdf.js"></script>
<script type="text/javascript" src="myproject/js/highcharts/jspdf.debug.js"></script>
<script type="text/javascript" src="myproject/js/highcharts/jspdf.plugin.from_html.js"></script>

HTML

<table id="mytable">
    <tr>
        <td>headding 1</td>
        <td>headding 2</td>
        <td>headding 3</td>
    </tr>
    <tr>
        <td>col 1</td>
        <td colspan="2" >col 2 and 3</td>
    </tr>
    <tr>
        <td>col 1</td>
        <td>col 2</td>
        <td>col 3</td>
    </tr>
</table>

Javascript

var specialElementHandlers = {
    '#bypassme': function (element, renderer) {
        return true;
    }
};

doc.fromHTML($('#mytable').get(0), xx, yy+=60, {
    'width': 540,
    'elementHandlers': specialElementHandlers
});

PDF 输出

Answer 1

不支持在 jsPDF 中直接将 CSS 添加到 pdf。但是您可以使用方法添加有限的样式。如果您使用的是 php，您可以尝试使用 mpdf。它支持直接为java后端添加css尝试iText，在.net中你可以尝试iTextSharp

http://mrrio.github.io/jsPDF/doc/symbols/jsPDF.html

http://www.itextpdf.com/