使用xlsx-js-style表格导出，合计，单元格居中，多级表头合并，添加序号

很困的程序媛

已于 2023-06-06 16:58:40 修改

阅读量2.9k

点赞数 1

分类专栏： Vue3 文章标签：数学建模

于 2023-06-06 16:40:09 首次发布

本文链接：https://blog.csdn.net/m0_67372185/article/details/131070832

版权

该代码示例展示了如何在JavaScript中利用xlsx-js-style和file-saver库来创建并导出带有格式的Excel文件。首先引入插件，然后将数据转换为二维数组，定义表头和表尾，设置合并单元格、列宽行高以及单元格样式，最后导出为.xlsx文件。

摘要由CSDN通过智能技术生成

引入插件
import XLSXS from 'xlsx-js-style';
import FileSaver from 'file-saver';

插件版本
"xlsx-js-style": "^1.2.0"
"file-saver": "^2.0.5",

const exportExcel = () => {
  // 第一列添加序号
  state.tableData  = state.tableData.map((row, index) => {
    return Object.assign({}, { index: index + 1 }, row);
  });

  //转换为一个二维数组
  let body = state.tableData.map(x => ([x.index,x.dwmc, x.gfje, x.zjgf, x.zggf]))

  let tableLength = state.tableData.length + 2

  /* 定义表头
      定义表头，每一行即是一个数组，数组中的元素即是一个个单元格内容。
  */
  const header = [
    [
    {
      v: '表头标题',
      t: 's',
    },
  ],
  ['序号','单位','金额','其中处级','职工']
  ]

  //表尾第三列合计
  const tail = ['', '合计&