vue3使用xlsx 导出excel ,删除指定列
在项目中遇到将表格导出为excel,表格为下面这个样式,第一列为复选框,
最开始直接用xlsx,导出结果为下图
达不到要求,因该把第一列空白删除,在网上看了很多博客,最后做一下总结,
关键就是里面有个 hidden 属性设置为true 就可以删除 那一列的数据
常规的----安装xlsx---引入xlsx就省略了-------,直接上代码
<template><button @click="deriveExcel">导出excel</button><el-table :data="tableData" style="width: 100%" id="table"><el-table-column type="selection" width="55" /><el-table-column prop="date" label="Date" width="180" /><el-table-column prop="name" label="Name" width="180" /><el-table-column prop="address" label="Address" /></el-table>
</template><script setup>
import * as XLSX from 'xlsx'const tableData = [{date: '2016-05-03',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-02',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-04',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-01',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},
]function deriveExcel() {let workbook = XLSX.utils.table_to_book(document.getElementById('table')); //需要在table上定义一个id// 可以打印出来看看workbook--中有那些属性console.log('workbook: ', workbook);// 添加这一句代码-----重点-----0就是第一列。。workbook.Sheets.Sheet1['!cols'][0]={hidden:true}try {XLSX.writeFile(workbook, 'BOX信息.xlsx');console.log('成功');} catch (e) {// ElMessage.error('导出失败,失败信息:!')console.log('失败');}}</script>
此时 打印的workbook 为
此时导出的excel---
如果要删除其他列,把需要0改成相应的列序号就好了。。。。
vue3使用xlsx 导出excel ,删除指定列相关推荐
- Excel删除指定列(VB)
大量excel删除指定列 第一步:将需要删除指定列的excel放到同一文件夹(需要删除的表格)下. 第二步:需要删除的表格同一级目录下新建Excel并打开,右键sheet1查看代码打开编辑器,输入以下 ...
- easyExcel导出excel时指定列样式
代码如下: public static void writeExcel(HttpServletResponse response, List<? extends Object> data, ...
- matlab输出多个参数到表格固定列,matlab将excle的列提取出来?如何使用Matlab提取Excel中指定列的数据?...
MATLAB 在txt文件中怎么提取数据,并将那三列数据转化为EXCLE格式? 在matlab中 file import data number of text header lines 改成6 下一 ...
- 使用easypoi导出excel实现动态列
使用easypoi导出excel实现动态列 说明 使用的是easypoi进行导出 行头是动态生成 依据key进行列匹配,进行数据填充 第一列进行纵向动态合并 自己的一个使用,记录一下 工具依赖 < ...
- sqlserver删除指定列失败
alter table table_name drop column column_name sqlserver删除指定列失败时,报告消息如下: 消息 5074,级别 16,状态 1,第 1 行 对 ...
- pandas保留想要的列或删除指定列
pandas 保留想要的列 方法1: df=df.loc[:,['name1','name2','name3']] 方法2: df2=df[['name1','name2','name3']] 删除指 ...
- excel 删除空白列的三种方法,以及如何批量删除空行空列
详见:excel删除空白列的三种方法,以及如何批量删除空行空列 本人更倾向于第三种方法: excel删除空白列方法三: 按ALT+F11,打开VBE编辑器,插入--模块,复制下面代码,然后按F5键,运 ...
- R语言处理数据——删除指定列
删除指定列 ## R语言删除某列 library(dplyr) ## 按索引删除 data <- select(data,-3) ## 按列名删除单列 data <- select(dat ...
- vue框架使用xlsx导出excel表格
刚接手一个项目,需要做表格导出,之前没用过,特做此记录,以备下次使用.此模板适用于修改表格样式时使用,若只想简单的直接导出,可以参考另一篇:在vue中,使用xlsx配合FileSaver进行导出exc ...
最新文章
- 梁建章的多米诺,混合办公的未知数
- python接口自动化用例管理_python接口自动化测试(六)-unittest-单个用例管理
- 内存的静态分配和动态分配的区别【转】
- 【OpenCV 例程200篇】52. 图像的相关与卷积运算
- 【热点】WPA2协议遭破解,全世界wifi不安全了
- 机场精细化管理_精细化管理 | 西安咸阳国际机场关于深入推进精细化管理工作的指导意见(九)...
- PhpStrom 配置Xdebug
- BZOJ 1606: [Usaco2008 Dec]Hay For Sale 购买干草(动态规划)
- return可以返回多个值_JDK10的新特性:var泛型和多个接口实现
- 推荐一款非常好用的截图工具 - SETUNA2,【订】一下就解决了你做数据对照的麻烦
- app源码 php,PHP大型B2B2C商城源码带APP源码
- 计算机无法连接到桌面,Win7系统桌面天气小工具提示解决方案无法连接到服务...
- javaShop JAVA版多用户B2B2C商城源码(PC+H5+小程序+APP)
- matlab简易画爱心
- [github] github入手教程
- 网上药店领导品牌_药康网
- android.view.WindowLeaked报错的解决方案
- 硬核科普!关于5G辐射,你了解多少!
- 数据仓库架构的技术选型
- METIS 安装过程
热门文章
- 11.10极客庙会@北京,邀请500极客逛“庙会”!
- xcodebuild
- ks检验正态分布结果_ks检验(转)
- 植入式广告渐趋疲软,社会化营销方兴未艾
- FIL标准算力通证:FILST的征途将会怎样?
- mac 关于idevice的用法,查看连接设备的信息
- 关于DDR协议一些操作的理解1
- android开发音乐播放器--Genres和Art album的获取
- IllegalStateException: Unknown URL: content://media/external/audio/albumart/-1
- EasyX库入门学习