css 只滚动表体(不滚动表头)

gopyfrb3 于 2023-10-21 发布在其他

关注(0)|答案(1)|浏览(154)

我有一个表，我可以在其中滚动数据（如果列表很大）。但是，在大多数表中，滚动会延伸到表头和表体。在我的表中，我希望只滚动正文。
在我的身体里，

display: block !important;
 overflow: scroll;
 table-layout: auto;
 max-height: 300px;

但是有一个问题，表的主体被安排在一列中。你可以看看https://codesandbox.io/s/sad-kilby-vgvp93
告诉我如何避免这个问题？
在构建表的代码中，我使用了react-table-library库（https://react-table-library.com/?path=/story/getting-started-installation--page）

1条答案

可以添加thead { position: sticky; }。
大概是这样的：codesandbox.io