2011-09-02 12 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

私は今のところscrooダウンするテーブルを持っているが、私はthjeヘッダーを静的、凍らせておきたい。 – Tony77

答えて

2

あなたは、固定ヘッダをしたい、あなたの質問から推測?

ソリューションでjQueryを使用できる場合はjQuery Scrollable Table Pluginをご覧ください。

+0

申し訳ありません、私は正しく尋ねなかった。 – Tony77

+0

私はJoomlaを使用しています。テーブルは記事、meabe CSS、またはJavascript内にあります。 – Tony77

0

テーブルをヘッダーから分離し、2つのテーブル、1つの見出しだけを持つことができます。コンテンツテーブルの場合はDIVに入れ、CSSを使用してスクロール可能にします。あなたはヘッダが分割されるので、手動でTD要素に幅を割り当てる必要がありますしかし

http://jsfiddle.net/cm3Wu/

関連する問題