将下载数据反应为带有样式和组件的xls



我需要下载一些数据作为csv,但我需要根据单元格值突出显示和自定义一些单元格。

我发现这个例子使用了"react-csv",但它似乎使用了简单的文本,而不是带有样式的组件。尝试使用"export-to-csv"库时也是如此。

有人知道我们如何用html创建csv或将对象作为单元格进行反应吗?像这样的东西:

const csvData = [
["firstname", "lastname", "email"],
[<span style={{color: "red"}}> Ahmed </span>, "Tomi", "ah@smthing.co.com"],
["Raed", <LastNameComponent value={"Labes"}/>, "rl@smthing.co.com"],
["Yezzi", "Min l3b", "ymin@cocococo.com"]
];

这可能吗?也许有不同的图书馆?

编辑:正如Chris Adams在下面所说,csv用于原始数据,所以我会尝试找到一个excel转换器。已经尝试过react export excel之类的软件,但这个软件包的问题是它是react数据导出的分支。因此,fork上没有任何问题,react数据导出似乎没有得到真正的维护。从这个库导入ExcelFile对象时也遇到了问题,所以我会尝试搜索更好的替代方案。将更新。

编辑2:奇怪的是,我发现的大多数库都没有得到维护。我所见过的目前维护最完善的库是SheetJS。造型只能在专业版中使用。

据我所知,CSV只是原始数据,没有格式化。

无论你正在向哪个应用程序读取数据,都需要了解你的格式。上面的例子包含JSX风格的格式,所以我想Excel是不可能的。

您可以简单地将原始数据转储到CSV中,然后将该CSV加载到包含格式的Excel xlst中。

如果格式是由React在处理数据时决定的(例如,一些业务逻辑规则(,那么也许您可以找到一种方法将其转储到html以包含内联样式。

最新更新