Click here to Skip to main content
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 21: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 Maciej Los 199
1 Sergey Alexandrovich Kryukov 154
2 Sascha Lefévre 120
3 Abhinav S 104
4 Rana Waqas 78
0 Sergey Alexandrovich Kryukov 6,628
1 OriginalGriff 6,298
2 Peter Leow 2,534
3 Maciej Los 2,437
4 Abhinav S 2,378

Advertise | Privacy | Mobile
Web01 | 2.8.150414.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