react 项目中使用js-export-excel导出excel

2023-11-08

第一步:首先添加包

  • npm

npm install js-export-excel

  • yarn

yarn add js-export-excel

第二步:组件引入

import ExportJsonExcel from 'js-export-excel';

第三步:插件使用(一般项目通过点击事件触发)

ExportToExcel = () => {
    var option = []
    let resdata=[
		{name:"张三",address:"家里蹲"},
		{name:"张三1",address:"家里蹲1"},
		{name:"张三2",address:"家里蹲2"},
		{name:"张三3",address:"家里蹲3"},
		{name:"张三4",address:"家里蹲4"},
	]
    let sheetfilter = ["name","address"] //对应列表数据中的key值数组,就是上面resdata中的 name,address
    let sheetheader = ["姓名","住址"] //对应key值的表头,即excel表头


   
    option.fileName = "最简洁牛逼的导出excel"  //导出的Excel文件名
    option.datas = [
      {
        sheetData: resdata,
        sheetName: '最简洁导出工作表',  //工作表的名字
        sheetFilter: sheetfilter,
        sheetHeader: sheetheader,
      }
    ]

    var toExcel = new ExportJsonExcel(option);
    toExcel.saveExcel();
  }

**

如果不行你私信找我

**

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react 项目中使用js-export-excel导出excel 的相关文章

随机推荐

  • 别收藏 Excel 函数大全了!北大硕博生为帮助女朋友,开发了个 ChatExcel,一键处理表格...

    整理 苏宓 出品 CSDN ID CSDNnews 众所周知 Excel 是一款应用广泛的办公软件 也是世界上使用最广泛语言的编程语言 还是一款优秀的低代码工具 然而 想要真正玩转它 不仅需要学会各种各样的 Excel 函数公式 也需要熟练
  • 解决SCP命令需要输入密码的问题

    需求 主机A ipA 文件复制到主机B ipB step1 主机A生成配对秘钥 在root目录下执行 ssh keygen t rsa step 2 将 ssh 目录中的 id rsa pub 文件复制到 主机B 的 ssh 目录中 并改名
  • 【蓝桥杯(51) STC15F2K60S2】之 “独立按键实验“

    相关代码 include STC15F2K60S2 H unsigned char KeyNumber unsigned char value unsigned char code SMG weixu 18 0xc0 0xf9 0xa4 0
  • [AI医学] llm-medical-data:用于大模型微调训练的医疗数据集

    关键词 医疗数据集 大模型微调训练 开源项目 llm medical data 用于大模型微调训练的医疗数据集 项目地址 https github com donote llm medical data 该项目主要参考了几篇关于医学领域大模
  • root用户登录tab有时无法补齐

    ubuntu bash 自动补齐 打开 bashrc把最后的注释 etc bash completion的三行打开 debian下增强bash的自动补全功能 根据zhllg的提示 在debian下增强了自动补齐功能 现在很多命令的参数也可以
  • Scrapy爬虫部署、相关api调用、以及gerapy的作用和使用流程总结

    scrapy部署介绍相关的中文文档地址 https scrapyd readthedocs io en latest 安装相关库 scrapyd 是运行scrapy爬虫的服务程序 它支持以http命令方式发布 删除 启动 停止爬虫程序 而且
  • 函数返回引用

    include
  • QString转Char*字符串

    QString转Char 字符串 在Qt下将QString转char 需要用到QByteArray类 因为char 最后都有一个 0 作为结束符 而采用QString toLatin1 时会在字符串后面加上 0 方法如下 int main
  • Hive聚合运算

    Hive聚合运算 Hive聚合运算 GROUP BY HAVING 基础聚合 高级聚合 Hive聚合运算 GROUP BY group by用于分组 Hive基本内置聚合函数与group by一起使用 如果没有指定group by子句 则默
  • P4047 [JSOI2010]部落划分

    题目链接 这道题一看最小值最大 很容易被误导进二分答案的思路 但实际上并不需要二分答案 其实正解是最小生成树 我们先预处理出原图的最小生成树 因为要分k个部落 所以我们先把最小的n k边先全部选走 因为我们用kruskal的话要用到并查集
  • QA工具开发流程

    前言 在项目上线前期 这边根据需求制作了一套QA测试工具 主要分为以下四个模块的测试 图1 数值测试 主要包括了角色的等级变更 游戏里货币的变更 目前已制作的 游戏道具的数量变更 这些可能归一为一类测试模型 动画测试 包括角色的控制系统的所
  • 直流电机驱动PWM频率(转)

    源 直流电机驱动PWM频率 1 没有统一的标准 其实PWM的频率和你的电机感抗和你需要的速度响应时间有很大的关系 一般的电机用14K就足够了 当然自需要简单的调速可以随便选 如果电机转速比较高 感抗比较小 可以使用比较高的频率 一般最好不要
  • 【详细】使用MkDocs搭建个人博客网站

    使用MkDocs搭建个人博客网站 0 安装python3 7 注意 可以在个人用户下安装 不要覆盖系统原有python 下载Python依赖环境 yum install gcc patch libffi devel python devel
  • 并发编程(线程)面试题总结2022

    目录 并发编程三要素是什么 在 Java 程序中怎么保证 多线程 的运行安全 什么是多线程 多线程的优劣 形成死锁的四个必要条件是什么 创建线程有哪几种方式 继承 Thread 类 实现 Runnable 接口 实现 Callable 接口
  • ubuntu12.10 32位系统使用framebuffer显示24深度bmp文件

    参考了网上很多例子 但是大多数都是有问题 只能显示部分 而且图片不是很清楚 在csdn上下载了一个代码是ok的 总结一下就是 1 mmap的大小如何确定 2 bmp文件的保存顺序是由下到上层的 3 fread char pix 1 size
  • Pandas: 使用read_excel、describe、loc方法求极差、变异系数与四分位数间距

    极差 最大值 最小值 变异系数 标准差 平均数 四分位间距 QU上四分位 QL下四分位 coding utf 8 import pandas as pd init data data init data summary xls data p
  • ICTCLAS2013 Java版本的使用方法

    这个工具是什么 先看看他的官方介绍吧 NLPIR汉语分词系统 又名ICTCLAS2013 主要功能包括中文分词 词性标注 命名实体识别 用户词典功能 支持GBK编码 UTF8编码 BIG5编码 新增微博分词 新词发现与关键词提取 张华平博士
  • PNP结算方法(后面可能有空再补充了)

    一些pnp的实验结论 1 yaw角稳定性上 在opencv中 SOLVEPNP UPNP SOLVEPNP EPNP SOLVEPNP DLS gt gt SOLVEPNP IPPE gt SOLVEPNP AP3P gt SOLVEPNP
  • 10 行代码,实现手写数字识别

    识别手写的阿拉伯数字 对于人类来说十分简单 但是对于程序来说还是有些复杂的 不过随着机器学习技术的普及 使用10几行代码 实现一个能够识别手写数字的程序 并不是一件难事 这是因为有太多的机器学习模型可以拿来直接用 比如tensorflow
  • react 项目中使用js-export-excel导出excel

    第一步 首先添加包 npm npm install js export excel yarn yarn add js export excel 第二步 组件引入 import ExportJsonExcel from js export e