gpt4 book ai didi

css - 从 material-ui 文档中布局两个演示

转载 作者:行者123 更新时间:2023-11-28 10:08:02 26 4
gpt4 key购买 nike

我正在尝试合并 material-ui 文档中的两个演示。

我希望表格采用所有可用的页面高度,但仍具有固定的标题。

问题是右侧的“固定标题”表没有固定标题,有一个页面滚动条,标题随页面向上滚动。除非我向表中添加 maxHeight(类似于原始的“固定标题”演示)。但是,使用 maxHeight 我无法将表格调整到整页高度...

这是一个 CodeSandbox证明问题。

最佳答案

要使用这个 position: sticky 属性,父元素必须有定义的高度。

在您的情况下,可以将某些东西定义为高度:100vh。

参见 index.html

https://codesandbox.io/s/material-demo-v44v6

演示工作

https://v44v6.csb.app/

<style>

.makeStyles-tableWrapper-130{
height: calc(100vh - 84px);
}
.makeStyles-content-5{
padding: 24px 24px 0;
flex-grow: 1;
height: auto;
box-sizing: border-box;
}

</style>

关于css - 从 material-ui 文档中布局两个演示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57939003/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com