使用浏览器滚动条上的静态标头对表进行反应

Question

是否有用于反应的表组件，当浏览器滚动条滚动它的长主体时，该组件具有固定的标题？ （表的高度随着用户单击“加载更多”而增加）。这是一个代码示例：https://codesandbox.io/s/rm0x6lmypm 在浏览器滚动时，表标题应保持静态。

Answer 1

好吧，我做了一些可怕的CSS更改，现在它似乎可以按需工作了： https://codesandbox.io/s/18kqoyjq8j 基本上，我向react-table添加了样式，如下所示：

.ReactTable {
  margin-top: 74px;
}

.ReactTable .rt-tbody {
  margin-top: 30px;
}

.ReactTable .rt-thead {
  background-color: white;
  position: fixed;
  top: 1;
  z-index: 1;
  width: calc(100% - 17px);
  height: 31px;
}

因此表标题现在固定在页面标题下，我们可以使用浏览器滚动条滚动表主体。