我正在使用React和Material UI框架。
如何使表格的最后一行固定在适当的位置？在页面底部，该行将始终可见。
这是我尝试过的一个演示，但是由于某种原因，表格单元格无法正确对齐。似乎该属性display: contents控制了此行为，但是使用位置固定与此矛盾。
Material UI Table现在随TableFooter组件一起提供。因此，只需复制TableHead > TableCell并将CSS更改为top:0即可bottom:0。或者，您可以MuiTableCell像这样覆盖：
export default createMuiTheme({
overrides: {
MuiTableCell: {
footer: {
left: 0,
bottom: 0, // <-- KEY
zIndex: 2,
position: 'sticky'
}
}
}
})
还要设置TableBody margin-bottom以匹配页脚高度。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句