打字稿:如何使用drawHeaderRow创建带有水平标题的表?

时间:2016-08-05 09:03:15

标签: json typescript angular jspdf jspdf-autotable

jsPDF允许创建表格形式的JSON数据并将该表格保存为PDF文档。我创建了一个Angualr2 / Typescript application来做同样的事情。这个创建表构成了我的JSON数据。我试图使用jsPDF创建一个带有水平标题的表。给定here的示例。要创建的代码如下。

// Horizontal - shows how tables can be drawn with horizontal headers
examples.horizontal = function () {
  var doc = new jsPDF('p', 'pt');
  doc.autoTable(getColumns().splice(1,4), getData(), {
    drawHeaderRow: function() {
        // Don't draw header row
        return false;
    },
    columnStyles: {
        first_name: {fillColor: [41, 128, 185], textColor: 255, fontStyle: 'bold'}
    }
  });
  return doc;
};

完整代码可用here。此代码是用JavaScript编写的。我正在寻找一种方法将其转换为Typescript。有谁知道怎么做?

1 个答案:

答案 0 :(得分:2)

您的组件可能如下所示:

ERROR_ALREADY_EXISTS

<强> Demo Plunker