列表数据导出成Excel

1、下载xlsx库

npm i xlsx --save

2、项目中引入xlsx库文件

import * as XLSX from ‘xlsx’;

3、定义导出方法

  handleDownload=(dataSource) => {// dataSource为需要导出的数据//  tableColumn为table的表头列const tableColumn=[     {title:"列1",dataIndex:'col1',value:1}，{title:"列2",dataIndex:'col2',value:2}，{title:"列3",dataIndex:'col3',value:3}，{title:"列4",dataIndex:'col4',value:4}]// 自定义下载的header，注意是数组中的数组哦const exportCols = tableColumn.filter((item) => !item._ignore);const Header = [exportCols.map((item) => item.title)];//以下是处理导出数据的内容（将datasource中多余的内容去掉，和header的字段要一一对应上）const exportArr = dataSource.map((item) => {const obj = {};   //定义一个空对象接收处理后的数据exportCols.forEach((col) => {let value = item[col.dataIndex];obj[col.dataIndex] = value;});return obj;});// 官方文档中的描述：converts an array of arrays of JS data to a worksheet.const headerWs = XLSX.utils.aoa_to_sheet(Header);const ws = XLSX.utils.sheet_add_json(headerWs, exportArr, { skipHeader: true, origin: 'A2' });/* 新建空workbook，然后加入worksheet */const wb = XLSX.utils.book_new();// 可以自定义下载之后的sheetnameXLSX.utils.book_append_sheet(wb, ws, 'sheet1');/* 生成xlsx文件 */XLSX.writeFile(wb, `excel名称（自定义）${moment().format('YYYY_MM_DD_HH_mm_ss')}.xlsx`);};

总结:

使用这个库导出，不会出现一些数字类型字段内容精度丢失问题

列表数据导出成Excel相关推荐

Pl/sql 如何将oracle的表数据导出成excel文件？
oracle将表数据导出成excel文件的方法 1)在SQL窗体上,查询需要导出的数据 --查询数据条件--select MID,CODE,NAME from Dxc_Goods_Cate where ...
查询php 输出表格,php输出excel表格数据-PHP如何将查询出来的数据导出成excel表格（最好做......
PHP如何将查询出来的数据导出成excel表格(最好做... php 把数据导出excel表格有多种方法,使用 phpExcel 等,以下代码接通过 header 生成 excel 文件的代码示例: ...
Vue将echarts数据导出成excel文件
Vue将echarts数据导出成excel文件一.下载vendor插件下载 vendor 文件放置项目的 src 目录下链接:https://pan.baidu.com/s/1XYYQ186zo ...
关于数据导出成excel表
关于数据导出成excel表咱们这里分享简单导出成excel表和筛选导出excel表,希望对各位有帮助,欢迎大家交流和点赞!!!! 我在这里使用的是一个导出工具类,如下: package cn.ms. ...
vue导出excel加一个进度条_vue项目中如何把数据导出成excel文件
Loading... 关于vue中如何把数据导出成excel文件 ### 1. 安装依赖 ``` yarn add file-saver yarn add xlsx yarn add script-l ...
SpringBoot实现数据导出成Excel
SpringBoot实现数据导出成Excel SpringBoot实现Excel读取在另一篇文章文章地址: https://blog.csdn.net/qq_45367825/article/det ...
jQuery表格数据导出成Excel插件
下载地址一款能将网页上的Table表格数据导出成Excel文件的插件,这个导出插件使用jQuery代码实现的,很实用的导出Excel插件. dd:
Android将数据库数据导出成excel格式的文本（CSV）
在做Android软件的时候往往随着时间的推移数据会越来越多,这个时候想要查看数据的时候到数据库里面去查看的话就会很麻烦,所以有时候需要将数据库里面的数据导出来用office打开看会更加方便.导出ex ...
关于ASP.NET 将数据导出成Excel 的总结[下]
使用ExcelHelper 封装类,将DataSet 输出成Excel文件的多个Sheet 页. 使用代码如下: public partial class _Default : System.Web. ...

列表数据导出成Excel

列表数据导出成Excel相关推荐

最新文章

热门文章