React Material-UI带有多行表头和动态高度的粘性表格

Question

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

我在沙盒中有一个示例，当我向下滚动时，我希望"Value"和"Another Value"行(它们都在表头中)固定在顶部，只有最后一行表头是固定的。所以所有表头行都应该固定。因此，无论表头中有多少行，它们都应该固定。

我的实际问题可能有两行或三行表头，每行的高度都不固定。

链接：https://codesandbox.io/s/condescending-roman-hqkpj

- Edward Gilbert

Answer 1

我们有一个解决方案： <TableCell style={{ top: "52px" }}>，它是关于在第二个标题行的每个单元格中添加“top”css属性的。 您还可以阅读下一个已关闭的问题： https://github.com/mui/material-ui/issues/23090

- Bohdan Skrypnyk

---

我在 Codesandbox 上尝试了一下，它可以运行。 - kepes

抱歉回复较慢。感谢查看，似乎我应该自己在 material-ui 上开一个问题。不过我已经离开需要这个解决方案的项目了！ - Edward Gilbert