仅滚动表格主体(不带标题)

问题描述 投票:0回答:1

我有一个表格,可以在其中滚动数据(如果列表很大)。然而,在大多数表格中,滚动延伸到标题和正文。在我的表格中,我只想滚动正文。

为此我在体内使用

 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

javascript css reactjs react-table
1个回答
0
投票

您可以添加

thead { position: sticky; }

像这样的东西:codesandbox.io

© www.soinside.com 2019 - 2024. All rights reserved.