Click here to Skip to main content
11,797,355 members (77,843 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: CSS HTML Tables
Dear Mentors,

I am stuck somewhere while designing my Webform.I am using HTML tables and i want to make one row of the table as ALWAYS VISIBLE. I am able to do it using divs but i want to apply the same on the table row.

Please suggest.
Posted 23-Jan-13 20:33pm
Sergey Alexandrovich Kryukov at 24-Jan-13 2:57am
It's good idea to have such thing, so I voted 4 for the question, but of course not 5, because it would take you few seconds to find out by yourself...

gouravkaila at 24-Jan-13 3:22am
:D.... m trying will post it soon...
Sergey Alexandrovich Kryukov at 24-Jan-13 3:28am
Post what? I answered, please accept my answer formally (green button), as it answers your question exactly.
gouravkaila at 25-Jan-13 1:41am
Sure.. :)...newaz thanks a lot for the wonderful and quick revert.
Sergey Alexandrovich Kryukov at 25-Jan-13 9:30am
You are very welcome.
Good luck, call again.
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Rate this: bad
Please Sign up or sign in to vote.

Solution 2

Use that row under ‘thead’ tag. Thead tag is used for giving heading to the table. So when you scroll your table, heading part remains visible always.
Like :-
<tr><td>name</td>   <td>id</td></tr>
<tr><td>ram</td> <td>2</td></tr>
Rest upon you how you design using css.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 CPallini 475
1 OriginalGriff 375
2 Maciej Los 370
3 Abhinav S 359
4 KrunalRohit 291
0 OriginalGriff 2,092
1 Maciej Los 1,760
2 KrunalRohit 1,436
3 CPallini 1,245
4 ppolymorphe 893

Advertise | Privacy | Mobile
Web02 | 2.8.151002.1 | Last Updated 14 Feb 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100