固定滚动在html表头不干扰标题大小

我试图修复html表头并滚动表体的其余部分。对于固定列，我使用下面的CSS，但问题是，它扰乱了标题的列大小。固定滚动在html表头不干扰标题大小

<style type="text/css"> 
     div.tableContainer 
     { 
     clear: both; 
     border: 1px solid #963; 
     height: 300px; 
     overflow: hidden; 
     width: 1000px 
     } 

     html>body thead.fixedHeader tr 
     { 
     display: block 
     } 


    thead.fixedHeader th 
    { 

     background: #C96; 
    border-left: 1px solid #EB8; 
    border-right: 1px solid #B74; 
    border-top: 1px solid #EB8; 
    font-weight: normal; 
    padding: 4px 3px; 
    text-align: left 
     position: relative 
     width: 200px 

    } 

     html>body tbody.scrollContent { 
     display: block; 
     height: 300px; 
     overflow: auto; 
     width: 100% 

     } 

    tbody.scrollContent td, tbody.scrollContent tr.normalRow td { 

     background: #FFF; 
    border-bottom: none; 
    border-left: none; 
    border-right: 1px solid #CCC; 
    border-top: 1px solid #DDD; 
     padding: 2px 3px 3px 4px 

     } 

     html>body thead.fixedHeader th +th { 
    width: 50px 
     } 


    </style>

来源

2013-10-22 adesh singh

给乌尔HTML标记 – Hiral

看看这个线程， http://stackoverflow.com/questions/8232713/how-to-display -scroll-BAR-到-A-HTML表 – melc

2）Scrollable table

3）How to display scroll bar onto a html table

4）Various Tables also there are some of them - with fixed header CSS，你可以在HTML页面中找到，如果你检查它

希望它会帮助你

来源

2013-10-22 07:51:54 Def

将在一个单独的表中的标题和在另一个的内容，但位置两个表在一起，使得它看起来像一个表。

<table> 
put headers here. 
</table> 
<table> 
put content here. 
</table>

来源

2013-10-22 07:28:31

尝试使用CSS属性溢出：覆盖

来源

2016-04-27 11:28:11 Gaurav

固定滚动在html表头不干扰标题大小

回答

相关问题