2016-04-08 7 views
1

私はrowspan/colspanを持つhtmlテーブルを持っています。私はjspdfとjspdf-autotableを使ってそのhtmlテーブルをpdfにエクスポートしています。しかし、pdfに保存されているテーブルには、実際のテーブルにrowspan/colspanが含まれていません。jspdf-autotableを使用してcolspan/rowspanを実行する方法は? 私の現在のコードは、プラグインが、HTMLから自動的にポートcolspansとrowspansにサポートしていませんJSPDF-Autotable colspan/rowpan issue

<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> 

答えて

1

です。ただし、手動で行うこともできます。このexampleをチェックしてください(デモはhereです)。