滚动时如何阻止材料ui表格行中的按钮溢出？答案

【问题标题】：How to stop the buttons overflowing in material ui table row while scrolling?滚动时如何阻止材料ui表格行中的按钮溢出？
【发布时间】：2018-05-18 15:10:42
【问题描述】：

表格单元格中的按钮在滚动时覆盖表格标题。这是演示 https://codesandbox.io/s/qx24l9vrz6 任何帮助表示赞赏。

【问题讨论】：

z-index:9999 on .SimpleTable-head-2 ? （粘性元素）
但是如果他使用了一些模态，那么按钮有可能比模态具有更高的 z-index，这将导致按钮浮动在模态上。所以，我不会推荐使用这个

标签： javascript css reactjs material-ui

【解决方案1】：

试试这个简单的解决方案

.SimpleTable-head-2 {
    //Code you already have
    z-index: 3;
}

.MuiButton-sizeSmall-31 {
    z-index: 1;
}

【讨论】：

谢谢。我让它工作了。我有 zIndex 值，这样它就不会溢出任何其他组件

【解决方案2】：

只要给那个班级.SimpleTable-head-2z-index: 999;任何更高的数字，它就会解决你的问题

【讨论】：

但是如果他使用了一些模态，那么按钮的z-index 可能比模态更高，这将导致按钮浮动在模态上。所以，我不会推荐使用这个
我刚刚写了任何更高的数字，你可以定义你想要的，如果你有一个模态，你也可以根据你的需要定义你的z-index，它可以是 999 或 10，或者任何数字取决于你在你的应用程序/网站上得到了什么