Material 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。 您可以在portal 中呈现工具提示，但您最终会丢失元素的位置。 最好覆盖表格单元格 CSS

在 GitHub 链接问题中：

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