如何为水平滚动自定义 Material-UI 粘性标题？答案

【问题标题】：How to customise Material-UI sticky header for horizontal scroll?如何为水平滚动自定义 Material-UI 粘性标题？
【发布时间】：2020-09-16 11:40:04
【问题描述】：

CodeSandox 上带有粘性标题的材料 UI 故事：https://codesandbox.io/s/yi98d?file=/demo.tsx

我在 Material UI 表上添加了一个 stickyHeader 道具，但是当我水平滚动时，左侧的标题单元格一个接一个地滑动。（见照片with stickyHeader）

当我删除一个 stickyHeader 道具时，标题单元格获得一个固定的位置，并且在水平滚动时与表格内容单元格一起移动，但显然，它不会在垂直滚动时粘在顶部。（见照片without stickyHeader）

所以问题是如何使标题贴在垂直滚动上，但在水平滚动上正常移动而没有任何影响？抱歉，如果我的问题很愚蠢，我是编程新手，请逐步解释。提前谢谢！

【问题讨论】：

【解决方案1】：

这些是stickyheader的道具：

.MuiTableCell-stickyHeader {
    top: 0;
    left: 0;
    z-index: 2;
    position: sticky;
    background-color: #fafafa;
}

只删除 left: 0;它应该可以工作

【讨论】：