静态Html表头代码

时间:2011-09-02 13:37:55

标签: javascript html css

我希望修复此html表的标题,以便向下滚动并且标题保持静态。

我的表格标题HTML:

<table style="width: 425px; height: 4810px;" border="0">
<tbody>
<tr class="tableizer-firstrow">
<th colspan="3">
<div style="text-align: left; text-color: #00A599;"><span style="color: #00a599;">SEPTEMBER 2011 Anniversaries</span></div>
</th>
</tr>
<tr>
<th class="style1" style="text-align: center" width="143">Employee</th><th style="text-align: center" width="137">Department</th><th style="text-align: center" width="92">DOH</th><th width="49">Years</th>
</tr>
<tr>

2 个答案:

答案 0 :(得分:2)

根据您的问题猜测您需要修复标头吗?

如果您可以在解决方案中使用jQuery,请查看jQuery Scrollable Table Plugin

答案 1 :(得分:0)

您可以将表与标题分开,并有2个表,1只有标题。然后,对于内容表,您可以将其放在DIV中,并使用CSS使其可滚动。

http://jsfiddle.net/cm3Wu/

但是,由于标题被拆分,您必须手动为TD元素指定宽度。