CSS固定标题,可滚动的主体

时间:2009-08-12 23:47:17

标签: jquery html css

这不是一个问题,实际上它是一个简单的解决方案,使用纯粹的css让你的表体垂直滚动,只在Firefox 3.5.2中测试,假设正确的表DOM定义(table,thead,tbody)。

<style>
    .someTBODYclassName {
    height: 100px,
    overflow-x: hidden,
    overflow-y: visible
     }
 </style>

当然,使用jQuery或纯Javascript可能会更棘手。

var maxHeightOfTBODY = your_calculations_here;
$("#TableId tbody.someTBODYclassName") //make it scrollable
        .css({
            "height": maxHeightOfTBODY+"px",
            "overflow-x": "hidden",
            "overflow-y": "visible",
            "width": "100%"
            });

1 个答案:

答案 0 :(得分:5)

问题是什么? (FAQ)

对于这种情况你需要什么JQuery?

看看这个: http://css-tricks.com/video-screencasts/66-table-styling-2-fixed-header-and-highlighting/