Fix header of table without thead with scroll bar

Asked Mar 07 '14 at 08:40

Active Jan 20 '19 at 11:24

Viewed 713 times

I have the following structure:

<div>
<table>  
<tbody>
<tr> 
<th>1</th> 
<!--and some columns-->  
</tr>
<!--some datarows-->
<tr>
<td></td> <!--a lot of columns-->
</tr>
</tbody>
<table>
</div>

I want to fix the header.

I got number of links but all they having thead in structure as I am table control in C# can't have control over the structure and also I cannot re-write html markup dynamically (not allowed).

Now I can easily fix the tableheaderrow with style

position : fixed

But table contains scroll bars so the header comes outside the panel.

Any suggestion will be highly appreciated.

edited Jan 20 '19 at 11:24

E_net4

27,810
13
101
139

asked Mar 07 '14 at 08:40

Md. Parvez Alam

4,326
5
48
108

do you mind if jquery used for this? – Chirag Mar 07 '14 at 08:44
anything i want to just fixed the header – Md. Parvez Alam Mar 07 '14 at 08:45
i just gave the style position fixed – Md. Parvez Alam Mar 07 '14 at 08:45
please see the structure, the link contains thead and in my structure there is no thead – Md. Parvez Alam Mar 07 '14 at 08:53
if you don't have the header row then what you want to fix? please give your full code. – Chirag Mar 07 '14 at 08:59
there is first row th – Md. Parvez Alam Mar 07 '14 at 09:26
try this http://bit.ly/1fcNNMG. otherwise i am out of this. – Chirag Mar 07 '14 at 09:31
The structure i posted is dynamically generated by table control of c#, so i dont have any control over to change , otherwise i would not have posted here – Md. Parvez Alam Mar 07 '14 at 09:35

Fix header of table without thead with scroll bar

0 Answers0