javascript - JsPdf 添加对 HTML colspan 的支持

Question

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

我已经尝试使用以下 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中不支持直接给pdf添加CSS。但是您可以使用方法添加有限的样式。如果您使用的是 php，则可以尝试使用 mpdf。它支持直接为java后端添加css试试iText，在.net中你可以试试iTextSharp

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

http://www.itextpdf.com/