首页 > 编程语言 >Vue Javascript 导出Excel:SheetJS/js-xlsx json_to_sheet xlsx 修改表头名称和展示的顺序

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

时间:2024-10-04 17:27:17浏览次数:8  
标签:xlsx Vue sheet XLSX 表头 const data

 

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"); // 导出文件

 

标签:xlsx,Vue,sheet,XLSX,表头,const,data
From: https://www.cnblogs.com/emanlee/p/18365332

相关文章

  • 从零开始创建一个空白的Vue项目(自用)
    目录一、配置node环境1.安装nvm2.安装node二、创建Vue项目1.创建Vue项目2.空白页面三、安装Vue3UI框架(ElementPlus)一、配置node环境1.安装nvm    可以在github下载nvm安装包,安装路径不要有中文。     在vscode里面按ctrl+shift+~打开命......
  • 基于django+vue+Vue的高校设备信息管理系统的设计与实现【开题报告+程序+论文】-计算
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高校教育事业的蓬勃发展,各类教学科研设备的数量急剧增加,设备信息管理成为高校管理中的重要环节。传统的人工管理方式不仅效率低下,而且......
  • 基于django+vue+Vue的高校教师多维考核评价系统设计开发与实现【开题报告+程序+论文】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育的快速发展,高校教师的工作内容与职责日益复杂多样,传统的单一维度评价体系已难以满足当前对高校教师全面、公正评价的需求。近......
  • 基于django+vue+Vue的房屋租借系统【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着城市化进程的加速和人口流动性的增强,房屋租借市场日益繁荣,成为满足人们居住需求的重要途径。然而,传统的房屋租借方式往往依赖于中介或......
  • 如何使用 Vuex 的插件机制来增强状态管理的功能?
    关注我,持续分享逻辑思维&管理思维&面试题;可提供大厂面试辅导、及定制化求职/在职/管理/架构辅导;推荐专栏《10天学会使用asp.net编程AI大模型》,目前已完成所有内容。一顿烧烤不到的费用,让人能紧跟时代的浪潮。从普通网站,到公众号、小程序,再到AI大模型网站。干货满满。学成后可......
  • Vue2如何在网页实现文字的逐个显现
    目录Blue留言:效果图:实现思路:代码:1、空字符串与需渲染的字符串的定义2、vue的插值表达式3、函数4、mounted()函数调用结语:Blue留言:在国庆前夕,突发奇想,我想自己给自己做一个个人博客网站,但是我个人时间实在是太有限了,自己还有竞赛没完成,考研也在准备,怕不太好,就去......
  • 基于Node.js+vue个人博客系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展和普及,个人博客作为一种重要的网络日志形式,已经成为许多人分享生活感悟、技术心得、艺术创作的平台。个人博客不仅能够记录个人的......
  • Vue3的项目搭建
    有两种方式可以搭建:一:使用vue-cli中的webpack创建 第二:推荐使用vite来创建项目vite是新一代前端构建工具,新的前端构建工具,比webpack要快一些。npmcreatevue@latest创建完项目后,我们可以看到项目最外层有index.htmlVite项目中,index.html是项目的入口文件,在项目最外层。......
  • Vue.js 组件开发知识详解
    ✅作者简介:2022年博客新星第八。热爱国学的Java后端开发者,修心和技术同步精进。......
  • springboot+vue专家库管理系统的设计与实现【开题+程序+论文】
    系统程序文件列表开题报告内容研究背景在当今知识密集型社会中,各领域专家资源成为推动科技进步、解决复杂问题的关键力量。随着信息化技术的飞速发展,如何高效管理、合理配置并利用专家资源,成为各行各业面临的重要课题。传统的人工管理方式已难以满足大规模、高效率的专家资......