【问题标题】:All headers not displaying所有标题不显示
【发布时间】:2019-04-09 05:55:33
【问题描述】:

我正在使用 html-pdf 库将 html 表格保存到 pdf 文件中,文件正在保存,但我没有得到文件中的所有标题。如果表格行中有更多标题,那么所有列都没有显示

这是我的后端代码

var fs = require('fs');
var pdf = require('html-pdf');
var options = { format: 'Letter' };
 var htmldata = ' <div class="uk-grid" data-uk-grid-margin style="margin-top: 12px;"><div class="uk-width-medium-1-1" style="overflow-x: scroll;"><table class="uk-table uk-table-striped uk-table-hover" id="table1">'+
                            '<thead style="display: table-row-group;">'+
                                '<tr style="background:#3399ff;">'+
                                    '<th>Customer </th>'+
                                    '<th>Site ID1</th>'+
                                    '<th>Site Name1</th>'+
                                    '<th>Customer2</th>'+
                                     '<th>Site ID2</th>'+
                                    '<th>Site Name2</th>'+
                                     '<th>Site ID3</th>'+
                                    '<th>Site Name3</th>'+
                                     '<th>Site ID4</th>'+
                                    '<th>Site Name4</th>'+
                                     '<th>Site ID5</th>'+
                                    '<th>Site Name5</th>'+
                                     '<th>Site ID6</th>'+
                                    '<th>Site Name6</th>'+
                                     '<th>Site ID7</th>'+
                                    '<th>Site Name7</th>'+
                                     '<th>Site ID8</th>'+
                                    '<th>Site Name8</th>'+
                                     '<th>Site ID9</th>'+
                                    '<th>Site Name9</th>'+
                                    '<th>Site Name10</th>'+
                                    '<th>Site Name10</th>'+
                                    '<th>Site Name11</th>'+
                                    '<th>Site Name11</th>'+
                                '</tr>'+
                            '</thead><tbody ></tbody></table></div></div>';
                           pdf.create(htmldata, options).toFile('./businesscard.pdf', function(err, res) {
                           if (err) return console.log(err);
                                console.log(res); // { filename: '/app/businesscard.pdf' }
                          });

【问题讨论】:

    标签: javascript html node.js html-pdf node-html-pdf


    【解决方案1】:

    问题在于您要添加的纸张类型和列数。

    正在添加列,但您的纸张选项不允许它们以 PDF 格式呈现。

    尝试在选项变量中设置一些与纸张相关的选项。

      // Papersize Options: http://phantomjs.org/api/webpage/property/paper-size.html
      "height": "10.5in",        // allowed units: mm, cm, in, px
      "width": "8in",            // allowed units: mm, cm, in, px
      - or -
      "format": "Letter",        // allowed units: A3, A4, A5, Legal, Letter, Tabloid
      "orientation": "portrait", // portrait or landscape
    
      // Page options
      "border": "0",             // default is 0, units: mm, cm, in, px
      - or -
      "border": {
        "top": "2in",            // default is 0, units: mm, cm, in, px
        "right": "1in",
        "bottom": "2in",
        "left": "1.5in"
      },
    

    更多选项是here

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-05-10
      • 1970-01-01
      • 2015-01-09
      • 1970-01-01
      • 2018-07-02
      • 2019-11-26
      • 2015-05-30
      相关资源
      最近更新 更多