Vue Javascript 导出Excel:SheetJS/js-xlsx json_to_sheet xlsx 修改表头名称和展示的顺序

 

import * as XLSX from 'xlsx';
      //展示的顺序,把data中对象的属性按照你想要的顺序排放就可以了,
      const header = ["pId","dID"] 
      //展示的名称
      const headerDisplay = {pId:"项编号",dID:"D编号"};
      //将表头放剑原始数据里面去,要保证表头在数组的最前面
      const newData = [headerDisplay, ...data];
      //加了一句 skipHeader:true,这祥就会忽略原来的表头
      const ws = XLSX.utils.json_to_sheet(newData, {header :header, skipHeader:true});

      const wb = XLSX.utils.book_new(); // 创建工作簿 
      //const ws = XLSX.utils.json_to_sheet(data); // 创建工作表
      
      // data.length
      XLSX.utils.book_append_sheet(wb, ws, "Sheet1"); // 将工作表添加到工作簿中
      XLSX.writeFile(wb, "recording_data.xlsx"); // 导出文件

 

posted @ 2024-10-04 17:23  emanlee  阅读(21)  评论(0编辑  收藏  举报