如何将表格导出为CSV？

Question

我有一个带有可扩展行的表，该表包含另一个表。它已使用称为antd的库进行渲染。 我想将表格和展开式文件导出为CSV文件。桌子 ：

Answer 1

作为一种方法，您可以使用react-csv（@NPM）导出antd表数据。

您可以通过将表数据设置为元素来使用CSVLink。

示例：

<CSVLink
  filename={"TableContent.csv"}
  data={data}
  className="btn btn-primary"
>
  Download csv
</CSVLink>

在这里您可以找到一个CodeSandBox作为最小的工作示例。

---

编辑：

对于嵌套表的使用，您可以将表数据与所需的嵌套表数据合并，以将所有数据导出到一个文件中。

例如：

  data.forEach(element => {
    exportedData.push(element);
    nestedData.forEach(element => exportedData.push(element));
  });

带有相关的csv链接

      <CSVLink
        filename={"TableContent.csv"}
        data={exportedData}
        className="btn btn-primary"
      >

CodeSandBox用于嵌套表格数据。