纯Css固定表格表头,表头与表格对齐

Posted ascrazy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了纯Css固定表格表头,表头与表格对齐相关的知识,希望对你有一定的参考价值。

//控制表格滑动

table tbody

display:block;

height:450px;

overflow-y:scroll;

//固定表头

table thead, tbody tr

display:table;

width:100%;

table-layout:fixed;

//调节表头宽度

table thead

background-color:#f5f5f5;

width: calc( 100% - 1.25em );

如果出现表头与下面表格没有对齐,只需要修改width: calc( 100% - 1.25em );中的xxem即可

以上是关于纯Css固定表格表头,表头与表格对齐的主要内容,如果未能解决你的问题,请参考以下文章

css手写一个表头固定

[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动

jsp 固定表格表头 css 或者 js 都行,只要功能实现

css写一个表头如何固定

表格在固定表头遇到样式问题

滚动表格固定表头和左边栏