Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在滚动时阻止物料ui表格行中的按钮溢出?_Javascript_Css_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何在滚动时阻止物料ui表格行中的按钮溢出?

Javascript 如何在滚动时阻止物料ui表格行中的按钮溢出?,javascript,css,reactjs,material-ui,Javascript,Css,Reactjs,Material Ui,滚动时,表格单元格中的按钮覆盖表格标题。 这是演示 感谢您的帮助。只需给那个类。SimpleTable-head-2z-index:999任何更高的数字都可以解决您的问题试试这个简单的解决方案 .SimpleTable-head-2 { //Code you already have z-index: 3; } .MuiButton-sizeSmall-31 { z-index: 1; } z-index:9999on.SimpleTable-head-2?(粘性元素

滚动时,表格单元格中的按钮覆盖表格标题。 这是演示
感谢您的帮助。

只需给那个类
。SimpleTable-head-2
z-index:999任何更高的数字都可以解决您的问题

试试这个简单的解决方案

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

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

z-index:9999
on
.SimpleTable-head-2
?(粘性元素),但如果他使用某个模态,则按钮的z指数可能高于模态,这将导致按钮在模态上浮动。因此,我不建议使用此选项,但如果他使用的是某种模式,则按钮有可能比模式具有更高的
z-index
,这将导致按钮在模式上浮动。所以,我不建议使用这个,我只是写了一个更高的数字,你可以定义你想要的,而且如果你有一个模式,你也可以根据你的需要定义你的
z-index
,它可以是999或10,或者任何数字都取决于你在应用程序/网站上得到了什么谢谢。我让它工作了。我有zIndex值,这样它就不会溢出任何其他组件