我试图将反应表的第一列渲染为粘性。尽管每行的第一个单元格并不像预期的那么粘,但它几乎可以工作。这是codesandBox 有问题的工作示例代码。https://codesandbox.io/embed/objective-frog-m4imr?fontsize=14&hidenavigation=1&theme=dark。在此代码中,当我水平滚动时,第一列中的第一个标题是粘性的,但第一列中的其余标题不粘性,即使它们具有相同的 CSS 样式。
这个问题可能是重复的,但我正在寻找不需要 jQuery 的解决方案,因为我只想使用 CSS。而且我不想使用其他问题中提到的任何其他位置,例如绝对位置或相对位置。
如果有人能帮我解决这个问题,那就太好了!
经过几个小时的折腾,问题是 tr 的父元素 tbody 上给出的溢出属性。一旦我从 tbody 本身删除溢出属性,它就会起作用,并且第 1 列是粘性的。
不过,一旦我从 tbody 样式中删除溢出,第一列就会粘住,但提出的另一个问题是第一个标题行不再粘着,因为没有给出溢出样式。然而,我制作第一排贴纸很容易,仅具有位置粘性。
解决方案:
对于任何使用 React Table 并希望在没有包和 jQuery 的情况下使第一列和第一个标题更粘的人,只需 CSS
https://codesandbox.io/s/objective-frog-m4imr?fontsize=14&hidenavigation=1&theme=dark