材质UI-如何将IconButton放在TableFooter内部？

Question

我正在尝试使用Material UI将IconButton放在TableFooter的内部。由于某种原因，我当前的代码使按钮的中心稍微偏左，想知道是否有人对此感到熟悉吗？

这是我尝试执行的操作：

          <TableFooter>
             <Tooltip title="Add">
               <IconButton aria-label="Add" onClick={this.handleAdd} style={{ display: 'block', margin: 'auto' }}>
                  <AddIcon />
               </IconButton>
             </Tooltip>
          </TableFooter>

感谢您的帮助！谢谢！

Answer 1

因此我发现问题实际上出在我的样式上。似乎我的样式正确，但是问题出在我的表格单元格的宽度上。因为我的数据表中有2列，所以包含Button组件的表单元格仅跨越一列的大小。因此，要解决此问题，我将TableCell更改为<TableCell style={{width: "100%"}}>。这解决了我的问题。

感谢大家的投入！