材料UI IconButton工具提示没有正确显示

Question

在我的reactJS应用程序中，我使用了Material和reactJS引导表。

在一个单元格中，我使用这样的材料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。您可以在门户中呈现工具提示，但最终会丢失元素的位置。更好地覆盖表单元格CSS

在GitHub链接问题中：

我通过将style={溢出：‘可见’}添加到IconButton驻留的TableRowColumn中来修复它。