Click here to Skip to main content
Rate this: bad
good
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
Comments
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...
 
—SA
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.
Agree?
—SA
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.
—SA
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

First of all, look at this demo: http://pics.cssbakery.com/treats/scrollingtable/tableTest6.php[^].
 
Good enough?
 
This is explained here: http://www.cssbakery.com/2010/12/css-scrolling-tables-with-fixed.html[^].
 
—SA
  Permalink  
Rate this: bad
good
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 :-
 
<table>
<thead>
<tr><td>name</td>   <td>id</td></tr>
</thead>
<tr><td>ram</td> <td>2</td></tr>
</table>
 
Rest upon you how you design using css.
  Permalink  

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

  Print Answers RSS
0 OriginalGriff 277
1 Maciej Los 210
2 BillWoodruff 205
3 Jochen Arndt 180
4 Sergey Alexandrovich Kryukov 165
0 OriginalGriff 5,130
1 DamithSL 4,157
2 Maciej Los 3,650
3 Kornfeld Eliyahu Peter 3,460
4 Sergey Alexandrovich Kryukov 2,811


Advertise | Privacy | Mobile
Web04 | 2.8.141216.1 | Last Updated 14 Feb 2013
Copyright © CodeProject, 1999-2014
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