材质UI IconButton工具提示未正确显示

Question

在我的reactJS应用中，我使用Material UI和react-bootstrap-table。

在一个单元格中，我像这样使用Material UI IconButton：

 <IconButton tooltip={t('tooltips:editRegulation')} tooltipPosition={'left'}
     onClick={() => this.props.history.push("/pms-records/edit/" + row.pmsFindingId)}>{cell}}>
     <FontIcon className="fa fa-pencil" aria-hidden="true"/>
 </IconButton>

结果是这样的：

工具提示被表格单元格边框所切掉。我试图更改z-index并阅读：https://github.com/mui-org/material-ui/issues/5912

但是没有解决办法。

对我有什么提示吗？

预先感谢

Answer 1

您的单元格肯定有一个声明overflow: hidden的CSS。 您可以在this question中呈现工具提示，但最终会丢失元素的位置。 更好地覆盖表格单元格CSS

在GitHub链接问题中：

  

我通过将style = {{overflow：'visible'}}添加到   IconButton所在的TableRowColumn。