首页 > 解决方案 > 有什么方法/工作库可以将我的 React 表导出到可下载的 excel 表(xls 或 xlsx,csv 不起作用) - React

问题描述

这是我在 CodeSandbox 中的演示 - https://codesandbox.io/s/2wp7jk23kr

如果可能,您可以分叉/修改以展示如何将此功能引入我的表格。

标签: javascriptreactjsreact-table

解决方案


是的,您可以使用 react-data-export 库。只需将您的表数据集提供给库即可。这是一个例子:

<ExcelFile element={<button className="btn btn-primary">Download Excel</button>}>
                <ExcelSheet data={this.props.dataSet} name="Employees">
                    <ExcelColumn label="#" value="sira"/>
                    <ExcelColumn label="Sicil" value="userID"/>
                    <ExcelColumn label="T.C. Kimlik No" value="tcKimlikNo"/>
                    <ExcelColumn label="Adı" value="ad"/>
                    <ExcelColumn label="Soyadı" value="soyad"/>
                    <ExcelColumn label="Klavye Türü" value="klavyeTur"/>
                </ExcelSheet>
            </ExcelFile>

从这里查看详细信息:https ://www.npmjs.com/package/react-data-export


推荐阅读