材质 UI 反应缺少动作表标题答案

【问题标题】：Material UI react missing action table header材质 UI 反应缺少动作表标题
【发布时间】：2020-05-07 06:05:18
【问题描述】：

我目前正在使用材质 UI，我想在我的材质表中添加一个操作按钮，但是当我尝试添加一个表时，它没有显示操作标题。

【问题讨论】：

【解决方案1】：

通常，您必须在TableRow 内的TableHead 中添加另一个TableCell，因为正文未链接到您的标题行。

我建议将此列的标题命名为“操作”之类的名称，以防您添加更多“操作”。

<TableContainer component={Paper}>
      <Table>
        <TableHead>
          <TableRow>
            ...
            <TableCell> Actions </TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          ...
        </TableBody>
      </Table>
</TableContainer>

如果要添加 Tooltip，可以尝试将其包装在 Tooltip 组件中 (Material-Ui Tooltip)

<TableContainer component={Paper}>
      <Table>
        <TableHead>
          <TableRow>
            ...
          </TableRow>
        </TableHead>
        <TableBody>
          ...
          <Tooltip title="Save User">
             <Button/>
          </Tooltip>
        </TableBody>
      </Table>
</TableContainer>

【讨论】：