如何将html表格转换为PDF格式?

时间:2016-10-07 10:30:32

标签: javascript html xhtml jscript

我想将此表格生成为pdf文件。但它只显示一列。

连续(<tr>)我使用了2列(<td> </td> <td> </td>)。

但它没有显示第二列。

这是表格。

<table class="table">  
    <tr>
        <th colspan="2"> <strong> Student Details</strong><th></th> </th> 

    </tr>

   <tr>
       <td style="width: 100px;">
           <h:outputText value="Student Name"/></td>
        <td>   <h:outputText value="#{collect.s_name}" />
       </td></tr>

</table>

这是脚本

<script>
// <![CDATA[    
function generate() {


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

    var res = doc.autoTableHtmlToJson(document.getElementById("example2"));
     var res1 = doc.autoTableHtmlToJson(document.getElementById("example3"));

        for (var j = 0; j < 6; j++) {  
        doc.autoTable(res.columns, res.data ,{
          tableWidth: '800',
          headerStyles: {rowHeight: 12, fontSize: 9,valign: 'middle' },
          bodyStyles: {rowHeight: 10, fontSize: 8, valign: 'middle'},
          startY:20,
         theme: 'grid',overflow: 'linebreak'
        });

        }
    doc.save("fee-report_#{collect.dept_name}.pdf");
};

1 个答案:

答案 0 :(得分:0)

function demoFromHTML() {
var pdf = new jsPDF('p', 'pt', 'letter');

pdf.cellInitialize();
pdf.setFontSize(10);
$.each( $('#customers tr'), function (i, row){
    $.each( $(row).find("td, th"), function(j, cell){
        var txt = $(cell).text().trim() || " ";
        var width = (j==4) ? 40 : 70; //make 4th column smaller
        pdf.cell(10, 50, width, 30, txt, i);
    });
});

pdf.save('sample-file.pdf');
}

同时查看Fiddle