纯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实现纵向滚动固定表头与横向内容滚动