在项目中遇到将表格导出为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 ,删除指定列相关推荐

  1. Excel删除指定列(VB)

    大量excel删除指定列 第一步:将需要删除指定列的excel放到同一文件夹(需要删除的表格)下. 第二步:需要删除的表格同一级目录下新建Excel并打开,右键sheet1查看代码打开编辑器,输入以下 ...

  2. easyExcel导出excel时指定列样式

    代码如下: public static void writeExcel(HttpServletResponse response, List<? extends Object> data, ...

  3. matlab输出多个参数到表格固定列,matlab将excle的列提取出来?如何使用Matlab提取Excel中指定列的数据?...

    MATLAB 在txt文件中怎么提取数据,并将那三列数据转化为EXCLE格式? 在matlab中 file import data number of text header lines 改成6 下一 ...

  4. 使用easypoi导出excel实现动态列

    使用easypoi导出excel实现动态列 说明 使用的是easypoi进行导出 行头是动态生成 依据key进行列匹配,进行数据填充 第一列进行纵向动态合并 自己的一个使用,记录一下 工具依赖 < ...

  5. sqlserver删除指定列失败

    alter table table_name drop column column_name  sqlserver删除指定列失败时,报告消息如下: 消息 5074,级别 16,状态 1,第 1 行 对 ...

  6. pandas保留想要的列或删除指定列

    pandas 保留想要的列 方法1: df=df.loc[:,['name1','name2','name3']] 方法2: df2=df[['name1','name2','name3']] 删除指 ...

  7. excel 删除空白列的三种方法,以及如何批量删除空行空列

    详见:excel删除空白列的三种方法,以及如何批量删除空行空列 本人更倾向于第三种方法: excel删除空白列方法三: 按ALT+F11,打开VBE编辑器,插入--模块,复制下面代码,然后按F5键,运 ...

  8. R语言处理数据——删除指定列

    删除指定列 ## R语言删除某列 library(dplyr) ## 按索引删除 data <- select(data,-3) ## 按列名删除单列 data <- select(dat ...

  9. vue框架使用xlsx导出excel表格

    刚接手一个项目,需要做表格导出,之前没用过,特做此记录,以备下次使用.此模板适用于修改表格样式时使用,若只想简单的直接导出,可以参考另一篇:在vue中,使用xlsx配合FileSaver进行导出exc ...

最新文章

  1. 梁建章的多米诺,混合办公的未知数
  2. python接口自动化用例管理_python接口自动化测试(六)-unittest-单个用例管理
  3. 内存的静态分配和动态分配的区别【转】
  4. 【OpenCV 例程200篇】52. 图像的相关与卷积运算
  5. 【热点】WPA2协议遭破解,全世界wifi不安全了
  6. 机场精细化管理_精细化管理 | 西安咸阳国际机场关于深入推进精细化管理工作的指导意见(九)...
  7. PhpStrom 配置Xdebug
  8. BZOJ 1606: [Usaco2008 Dec]Hay For Sale 购买干草(动态规划)
  9. return可以返回多个值_JDK10的新特性:var泛型和多个接口实现
  10. 推荐一款非常好用的截图工具 - SETUNA2,【订】一下就解决了你做数据对照的麻烦
  11. app源码 php,PHP大型B2B2C商城源码带APP源码
  12. 计算机无法连接到桌面,Win7系统桌面天气小工具提示解决方案无法连接到服务...
  13. javaShop JAVA版多用户B2B2C商城源码(PC+H5+小程序+APP)
  14. matlab简易画爱心
  15. [github] github入手教程
  16. 网上药店领导品牌_药康网
  17. android.view.WindowLeaked报错的解决方案
  18. 硬核科普!关于5G辐射,你了解多少!
  19. 数据仓库架构的技术选型
  20. METIS 安装过程

热门文章

  1. 11.10极客庙会@北京,邀请500极客逛“庙会”!
  2. xcodebuild
  3. ks检验正态分布结果_ks检验(转)
  4. 植入式广告渐趋疲软,社会化营销方兴未艾
  5. FIL标准算力通证:FILST的征途将会怎样?
  6. mac 关于idevice的用法,查看连接设备的信息
  7. 关于DDR协议一些操作的理解1
  8. android开发音乐播放器--Genres和Art album的获取
  9. IllegalStateException: Unknown URL: content://media/external/audio/albumart/-1
  10. EasyX库入门学习