Static Html Table Header Code

Question

I want to have the headers of this html table fixed, so as I scroll down and the headers remain static.

My table header 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>

What is it that you are trying to achive? Give us some more detail and we can help :) — Graeme Leighfield
– Graeme Leighfield, Commented Sep 2, 2011 at 13:40
I want to have a table that will scroo down which currently does, but I want to keep thje headers static , freeze. — Tony77
– Tony77, Commented Sep 2, 2011 at 14:12

Timbo · Accepted Answer · 2011-09-02 13:42:08Z

2

Guessing from your question that you want fixed headers?

Take a look at the jQuery Scrollable Table Plugin if you can use jQuery in your solution.

answered Sep 2, 2011 at 13:42

Timbo

4,5532 gold badges29 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tony77 Over a year ago

I am using Joomla , the table is inside an article , meabe CSS, or Javascript would do..?

Jason Kaczmarsky · Accepted Answer · 2011-09-02 17:34:45Z

0

You could separate the table from the header and have 2 tables, 1 with just the heading. Then for the content table you could put it in a DIV, and use CSS to make it scrollable.

http://jsfiddle.net/cm3Wu/

However you would have to manually assign widths to the TD elements since the header is split.

answered Sep 2, 2011 at 17:34

Jason Kaczmarsky

1,6861 gold badge18 silver badges30 bronze badges

Collectives™ on Stack Overflow

Static Html Table Header Code

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related