javascript - React 表中的“导出到 CSV”按钮

标签 javascript reactjs frontend react-table

寻找一种方法将“导出到 CSV”按钮添加到 react 表中,该 react 表是一个 npmjs 包 ( https://www.npmjs.com/package/react-table )。

我需要添加一个自定义按钮以将表数据导出到 csv 或 xls 格式的 Excel 工作表?

最佳答案

看看这个 npm 库 - https://www.npmjs.com/package/react-csv

例如 -

import {CSVLink, CSVDownload} from 'react-csv';

const csvData =[
  ['firstname', 'lastname', 'email'] ,
  ['John', 'Doe' , 'john.doe@xyz.com'] ,
  ['Jane', 'Doe' , 'jane.doe@xyz.com']
];
<CSVLink data={csvData} >Download me</CSVLink>
// or
<CSVDownload data={csvData} target="_blank" />

关于javascript - React 表中的“导出到 CSV”按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48760815/

相关文章:

javascript - Promise 在 Express post 请求中返回未定义的 json

reactjs - Material 界面 : Display sub-element on hover of parent

javascript - 验证码 : hooking to TextBox's OnKeyDown from script

security - react +路由+安全

javascript - React Component 不随状态变化而更新

html - 尝试使用倾斜的 div 为背景图像提供两种不同的色调

css - 如何在 svg 路径中​​添加图像?

javascript - 悬停时更改 SVG 圆形平铺世界地图上区域的颜色

javascript - 搜索包含 value 的 json 对象 key,然后取消设置它

php - javascript中自动递增名称和ID