小编RID*_*NIK的帖子

如何在角度5中使用jsPDF和jspdf-autotable

我想在我的Angular 5.2.0项目中使用jsPDF和jspdf-autotable.我的package.json在下面(相关部分):

"dependencies": {
    ...
    "jspdf": "^1.3.5",
    "jspdf-autotable": "^2.3.2"
    ...
}
Run Code Online (Sandbox Code Playgroud)

我的angular-cli.json在下面(相关部分):

"scripts": [
    ...
    "../node_modules/jspdf/dist/jspdf.min.js",
    "../node_modules/jspdf-autotable/dist/jspdf.plugin.autotable.js"
    ...
  ]
Run Code Online (Sandbox Code Playgroud)

我的组件(相关部分):

import * as jsPDF from 'jspdf';
import 'jspdf-autotable';

@Component({
    selector: "energy-login",
    templateUrl: "./login.component.html",
    styleUrls: ["./login.component.scss"]
})
export class MyComponent implements OnInit {

    constructor() {}

    ngOnInit() {}

    downloadPDF() {

        let columns = ["ID", "Name", "Country"];
        let rows = [
            [1, "Shaw", "Tanzania"],
            [2, "Nelson", "Kazakhstan"],
            [3, "Garcia", "Madagascar"],
        ];

        let doc = new jsPDF('l', 'pt');
        doc.autoTable(columns, rows); // typescript compile time …
Run Code Online (Sandbox Code Playgroud)

jspdf jspdf-autotable angular

5
推荐指数
4
解决办法
1万
查看次数

标签 统计

angular ×1

jspdf ×1

jspdf-autotable ×1