Ant design pro常用(7)：导出数据excel

1.安装插件

 npm install xlsx --S

2.组件使用

import XLSX from 'xlsx'//凑需要的数据 形式为（二维数组）
const aoa=[['id','作者','内容','阅读量','发表时间'],['1','张三','内容1111'，'120','2020-1-2'],['2','张三','内容1111'，'120','2020-1-2']['3','张三','内容1111'，'120','2020-1-2']['4','张三','内容1111'，'120','2020-1-2']
]   const ws = XLSX.utils.aoa_to_sheet(aoa);const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb,ws,"sheetjs");
XLSX.writeFile(wb,'导出.xlsx')

Ant design pro常用(7)：导出数据excel相关推荐

ant design pro模板_Ant Design Pro 学习笔记
学习笔记摘要介绍 Ant Design Pro 是一个基于Ant Design搭建起来的模板项目.它提供了两个主要布局:BasicLayout.UserLayout,在布局基础上制作了20多个基础页 ...
ant design pro 上传excel示例
ant design pro 上传excel示例前言 TS java model 前端展示前言大家好! 最近在学习使用ant design pro ,本人是java后端,没有专业的学习过reac ...
design php 如何使用ant_Ant Design Pro如何调用接口 | Ant Design Pro渲染数据绑定数据...
Ant Design Pro如何调用接口 | Ant Design Pro渲染数据绑定数据 Ant Design Pro我发现网上的资料好少,而且版本基本都是1.0的,我现在是2.0版本,好多地方都 ...
服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理
Ant Design Pro 5 的网络请求有点复杂,只看文档不阅读源码搞不清楚到底发生了什么事情.涉及到fetch umi-request @umijs/plugin-request Ant Des ...
ant design pro v5 总结
Ant Design Pro v5 使用心得相比V4,V5到底强在哪? 如何更改 title图标和加载时的页面? defaultSettings中菜单的几种模式及主题等配置国际化 request ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...
Ant Design Pro入门之部署安装
部署安装下载地址:https://github.com/ant-design/ant-design-pro 我们使用资料中提供的,已经下载好的文件:ant-design-pro-master.zip ...
ant design pro模板_ant design pro 当中改变ant design 组件的样式和数据管理
ant design pro 简介官网简介 Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续 ...
Ant Design Pro -- 02项目结构@20210331
一.项目的目录结构 ├── config # umi 配置,包含路由,构建等配置 ├── docker # 部署 ├── functions # ├── mock # 本地模拟数据 ├── publi ...

Ant design pro常用(7)：导出数据excel

Ant design pro常用(7)：导出数据excel相关推荐

最新文章

热门文章