jsp实现table表头固定,table表格固定表头

　　本文介绍了html表头固定的实现，分享给大家，如下：

　　class= wrap box div class= table-head table the ad Th width= 10% 合同号/Th width= 30% 签约客户/Th width= 20% 发布客户/Th width= 10% 合同状态/Th width= 30% 所选条件的发布周期限制/Th/the ad/table/div class= table-body table tbody id= tbody /tbody/table/div查看css。

　　*{填充：0；边距：0；} th { border:1px solid # e6e6e 6；行高：5vh颜色：# 666666；字体大小：16px}表{ border-collapse:collapse；宽度：100%；} TD { padding:5px；边框：1px纯色# e6e6e6字体大小：14px} .表头{右填充：17px背景色：rgb(207，231，179)；颜色：# 000；高度：5vh} .表体{宽度：100%；身高：94vh溢出-y:滚动；} .表头表。表体表{宽度：100%；} .表体表tr:n-child(2n 1){ background-color:# f2f2f 2；} .表体表tr:hover { background-color:RGB(240，249，228)；过渡： 2s；}点击看效果。

　　实际上，关键是

　　1.colgroup标签用于定义上表和下表的列宽，使它们保持一致。

　　2.样式padding-right:17px被添加到div中。顶部的桌面。这个宽度是为了确保它与div的滚动条一致。底部的表体，并向表中添加了overflow-y:scroll样式。表体在底部。

　　只要保证以上两点，也可以做一个表头固定的表格，同时也不会出现上下栏错位的情况。它屡试不爽！

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。