是否有用于react的表格组件，当浏览器滚动条滚动它的长体时，它会有固定的标题？（表格高度随着用户点击“加载更多”而增长）。这是一个代码示例：https : //codesandbox.io/s/rm0x6lmypm 表格标题应在浏览器滚动时保持静态。
在浏览器滚动时使用静态标题react表
IT技术
css
reactjs
react-table
2021-05-15 16:28:08
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;
}
所以表格标题现在固定在页面标题下，我们可以使用浏览器滚动条来滚动表格的正文。