前端处理打印表格

  1. 下载printjs插件
    npm install print-js --save
  2. 在文件中引入
    import printJS from "print-js";
  3. 使用
printJS({
    printable: this.tableData, //表格数据
    properties: [ //对应字段
        { field: "name", displayName: "姓名" },
        { field: "email", displayName: "邮件" },
        { field: "phone", displayName: "电话" },
    ],
    type: "json",
    scanStyles: false,
    style:
    "table tr td,th { border-collapse: collapse;padding: 15px;border:1px #EBEEF5 solid;box-sizing: border-box; }" // 表格样式
});
posted @ 2021-09-27 10:16  smile_ljl  阅读(245)  评论(0)    收藏  举报