我需要下载一些数据作为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以包含内联样式。