是否有一个css唯一的解决方案来创建一个可滚动的表体是全宽度?



使用Tailwind,我在创建一个具有可滚动主体的表格时遇到了麻烦,该表格横跨整个宽度。目前,我这样做的方式是通过将tbody设置为display: block,但通过这样做,tbody不是全部宽度。我怎样才能使它全宽呢?我希望表格主体可以与页面的其他部分分开滚动。

顺风操场

从body中移除block class并添加

<thead class="sticky top-0">

你得到一个单独的滚动为你的表格主体
顺风播放

添加overflow-auto类到您的表

最新更新