vue纯前端直接导出table表格,无需接口直接导出excel

vue纯前端直接导出table表格,无需接口直接导出excel,第1张

将前端 table 导出 excel

npm install table-excel
import { ElMapExportTable } from "table-excel";

下面的方法用的比较多,其他的就不写上来了,可以直接去官方的git地址查看

导出正常表格到 Excel
handleGo(){
  var data = this.tableCfg.tableData; // 这里面是数据列表
  const column = [
    { title: "设备名称", dataIndex: "device_name" }, // dataIndex为数据列表中的数据字段
    { title: "设备MAC码", dataIndex: "device_no" },
    { title: "报警时间", dataIndex: "add_time" },
    { title: "日志内容", dataIndex: "log_text" },
    { title: "设备地址", dataIndex: "device_address" },
  ];
  const instance = new ElMapExportTable(
    { column, data },
    { progress: progress => console.log(progress) }// 进度条回调
  );
  instance.download("设备日志"); // 导出的文件名
}

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/langs/787518.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-05
下一篇2022-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存