如何將表導出到 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 。