实质性UI对缺少的操作表标题做出反应

Question

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

Answer 1

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

如果您添加更多“动作”，我建议为该列的标题命名为“动作”。

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

如果要添加工具提示，可以尝试将其包装在Tooltip组件（Material-Ui Tooltip）中

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