仅滚动表正文(不滚动标题)

Scroll only the table body (without the header)

提问人:Paul 提问时间:10/19/2023 最后编辑:Paul 更新时间:10/22/2023 访问量:64

问:

我有一个表格,我可以在其中滚动浏览数据(如果列表很大)。但是,在大多数表格中,滚动会同时扩展到页眉和正文。在我的表格中,我只希望滚动正文。

为此,在我使用的身体中

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

但是有一个问题,表格的主体排列在一列中。

告诉我如何避免这个问题?

在构建表的代码中,我使用了 react-table-library 库 (https://react-table-library.com/?path=/story/getting-started-installation--page)

javascript css reactjs 反应表

评论

0赞 DineshMsd 10/19/2023
如果您可以更改库,请尝试 react-table 来满足您的要求。另请参阅具有表体可滚动的 CodeSandbox

答:

0赞 imhvost 10/19/2023 #1

您可以添加 .
像这样的东西:codesandbox.io
thead { position: sticky; }