Discussion and Rate this Resource
Overall Rating: 4

philcha on Jun 30, 2005 at 2:46:04 AM	Rating: 3
Works in Firefox, so presumably in any browser with decent CSS. I prefer it to krestaurant's approach because CSS expressions are IE-only and don't work if JS is disabled. I suggest using a CSS class for each column, e.g. tab01col01, so that it's really easy to tweak column widths.
krestaurant on Jun 29, 2005 at 6:35:30 PM	Rating: 3
I'd recommend the following instead of the described method: <div style="overflow: auto; width:100px"> <table>   <thead>   <tr style=" position:relative;top:expression(this.offsetParent.scrollTop);background: #ffffff;">     <th>title1</th>     <th>title2</th>   </tr>   </thead>   <tbody>     <tr>       <td>111111</td>       <td>222222</td>     </tr>     <tr>       <td>3<br>3<br>3<br>3<br>3<br>3</td>       <td>444444</td>     </tr>   </tbody> </table></div>
nitinj on Dec 9, 2003 at 3:08:31 AM	No Rating
I am having the same condition but my rows and columns increases using javascript .I want vertical scrollbar to exclude the heading but horizontal scrollbar should include heading
yhaber on Aug 3, 2003 at 11:30:35 PM	Rating: 4
good thinking, a nice and neat solution
DavidSilverlight on Jul 17, 2003 at 1:44:50 PM	Rating: 5
Hello all.  I created a snippet a while back with 4 versions of how to scroll tables with sticky table headers.  I forget where I got all of the methods from, but I think that a few came from SE.  Hopefully they will be of use to you. http://www.topxml.com/code/default.asp?p=3&id=v20030523204554

More Ratings/ Comments

If you are not registered, please register yourself to become a member of the SiteExperts.community.