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

Question

你们中的某个人可以解释一下如何将material-ui-table 导出为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 格式的组件

标签： reactjscsvexportmaterial-ui

Answer 1

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

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