在jspdf中保存为pdf后格式化表格

时间:2015-04-10 09:53:45

标签: jquery jspdf

我正在尝试将Google图表的表保存为pdf。我正在使用以下代码。

function demoFromHTML() {
    var pdf = new jsPDF('p', 'pt', 'letter');
    source = $('#customers')[0];
    specialElementHandlers = {
        '#bypassme': function (element, renderer) {
            return true
        }
    };
    margins = {
        top: 80,
        bottom: 60,
        left: 40,
        width: 522
    };
    pdf.fromHTML(
    source, // HTML string or DOM elem ref.
    margins.left, // x coord
    margins.top, { // y coord
        'width': margins.width, // max width of content on PDF
        'elementHandlers': specialElementHandlers
    },

    function (dispose) {
        pdf.save('Test.pdf');
    },
    margins);
 pdf.save('Test.pdf');
}

工作正常并将表保存为pdf。我的问题是如何获得表格格式。 pdf中的表格数据将作为文本逐行显示。 我正在使用以下链接的代码:

http://jsfiddle.net/xzZ7n/1/

我在pdf中获取数据如下:

Country
Population
Date
Age
Chinna
1,363,480,000
March 24, 2014
19.1
India
1,241,900,000
March 24, 2014
17.4
United States
317,746,000
March 24, 2014
4.44
Indonesia
249,866,000
July 1, 2013
3.49
Brazil
201,032,714
July 1, 2013
2.81

我需要以表格格式。

1 个答案:

答案 0 :(得分:0)

确保您已包含以下所有脚本文件

<script src="/Scripts/plugin/jsPdf/jspdf.js"></script>
<script src="/Scripts/plugin/jsPdf/jspdf.plugin.standard_fonts_metrics.js">   </script>
<script src="/Scripts/plugin/jsPdf/jspdf.plugin.split_text_to_size.js"></script>
<script src="/Scripts/plugin/jsPdf/jspdf.plugin.from_html.js"></script>
<script src="/Scripts/plugin/jsPdf/jspdf.plugin.addimage.js"></script>
<script src="/Scripts/plugin/jsPdf/FileSaver.min.js"></script>
<script src="/Scripts/plugin/jsPdf/jspdf.debug.js"></script>