如何将material-ui表导出为CSV？

Question

你们中有人可以解释一下如何将材料-ui-表导出到 CSV 文件吗？

 <Paper> 
    <Table>
      <TableHead>
        <TableRow>

            <TableCell>A</TableCell>
            <TableCell >B</TableCell>
            <TableCell>C</TableCell>
            <TableCell>D</TableCell>

        </TableRow>
      </TableHead>
      <TableBody>
        {this.rows.map(row => {
            return (
                <TableRow key={row.ID}>
                  <TableCell>{row.A}   </TableCell>
                  <TableCell >{row.B}</TableCell>
                  <TableCell>{row.C}</TableCell>   
                  <TableCell >{row.D}</TableCell>                
                </TableRow>
            );
        })}
      </TableBody>
    </Table>
  </Paper>

我需要创建一个将该表导出为 csv 格式的组件

Answer 1

在 Material-UI 的表格页面“补充项目”部分，他们建议使用material-table。

Material-table 的 props 之一是exportButton={true}，它呈现一个 CSV 导出按钮。