具有多行标题和动态高度的 React Material-UI 粘性表答案

【问题标题】：React Material-UI Sticky Table with Multiple Row Head and Dynamic Height具有多行标题和动态高度的 React Material-UI 粘性表
【发布时间】：2022-12-06 18:34:10
【问题描述】：

我正在使用带有 React 的 Material-UI 来显示表格。我想为多行表头使用粘性表头，但我不想在我的表上设置高度。我希望标题的所有行都贴在页面顶部。

我有一个导致我在沙箱中遇到麻烦的示例 - 当我向下滚动时，我希望“值”和“另一个值”行（它们都在表头中）坚持到顶部，只有最后一行标头的粘附。所以标题的所有行都应该坚持。因此，无论表头中有多少行，它们都应该粘在一起。

我的实际问题可能在头部有两行或三行，并且每行的高度不固定。

https://codesandbox.io/s/condescending-roman-hqkpj

【问题讨论】：

标签： html css reactjs material-ui

【解决方案1】：

很久没有回答。但我们为您提供了解决方案： <TableCell style={{ top: "52px" }}>，这是关于向第二个标题行中的每个单元格添加“top”css prop。您还可以阅读下一个已关闭的问题： https://github.com/mui/material-ui/issues/23090

【讨论】：