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)



Advertise | Privacy | Mobile
Web02 | 2.8.1411022.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