2011-09-02 53 views
1

我想要修改此html表格的标题,以便向下滚动并且标题保持静态。静态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> 
+0

不知道你在问什么。 – Loktar

+0

你试图存档的是什么?给我们一些更多的细节,我们可以帮助:) –

+0

我想有一张桌子,它会缩小目前的位置,但我想保持头部静止,冻结。 – Tony77

回答

2

从要固定头你的问题猜测?

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

+0

对不起,我没有正确地问。 – Tony77

+0

我使用的是Joomla,表格是在文章,meabe CSS或Javascript中做的..? – Tony77

0

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

http://jsfiddle.net/cm3Wu/

然而,你将不得不手动分配给TD元素宽度由于报头被分割。