vuejs导出excel表格(可以设置样式)

用exceljs方法，设置导出excel表格的样式，比如居中，宽度，修改颜色等等。

exportExcel() {
    // 导出的表头
    let columns = [
      { name: "中国" },
      { name: "美国" },
      { name: "英国" },
      { name: "法国" },
      { name: "德国" }
    ];
    // 引入 exceljs，自己灵活引入
    let exceljs = require("exceljs");
    let excel = new exceljs.Workbook();
    let monthSheet = excel.addWorksheet("excel的文件名");
    monthSheet.addTable({
      // 插入到多少行，自己设置
      ref: "A1",
      style: {
        // 风格
        theme: "TableStyleLight11"
      },
      columns,
      // 表体的内容，与表头顺序对应
      rows: this.tableData.map((one, i) => [
        one.stage9,
        one.stage8,
        one.stage7,
        one.stage6,
        one.stage5
      ])
    });
    columns.forEach((item, i) => {
      // 设置样式，更多样式去看文档
      monthSheet.getColumn(i + 1).width = 10;
      monthSheet.getColumn(i + 1).alignment = {
        vertical: "middle",
        horizontal: "center"
      };
    });
    excel.xlsx.writeBuffer().then(buffer => {
      // 下载excel
      let saver = require("file-saver");
      saver.saveAs(
        new Blob([buffer], { type: "application/octet-stream" }),
        this.$route.meta.title + ".xlsx"
      );
    });
  }

excel拆分单元格快捷键怎么用

如何利用PHPExcel类库建php将数据格式转为excel

vuejs导入excel（多个Sheet表全部解析）

vuejs前端做一个点击按钮下载excel文件模板功能

vuejs导入excel表格解析成JSON数据（日期变成数字）解决方法

标签： excel, 导出, 设置样式, 颜色设置

上面是“vuejs导出excel表格(可以设置样式)”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2105.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！