Top Poster
#1 ramon fincken 399
#2 Site admin 3
#3 Ber|Art 2
#4 braddmark 1
#5 accentmedia 1
#6 Xarzu 1
#7 pEcosespedex 1
#8 khadish 1
#9 moxxx 1
#10 nistelrock 1
Keep table header on top, like split in excel or calc. Scroll the rest.



Rating : 3.8 / 5

 
Post new topic   Reply to topic    Ramonfincken.com Forum Index -> HTML and other markup&programming languages
Beta
Want to be notified by email when this topic gets a reply?  
View previous topic :: View next topic  
Author Message
ramon fincken
Site's programmer

Get a free globally recognized avatar
It's free!


Joined: 03 Aug 2007
Posts: 399
Location: A'dam/Diemen, The Netherlands

PostPosted: Thu May 05, 2011 11:06 am    Post subject: Keep table header on top, like split in excel or calc. Scroll the rest. Reply with quote

Looking for a solution for this I found this great resource:
http://imar.spaanjaars.com/357/a-scroll...xed-header

This works with 2 tables, setting the second as overflow
Code:
overflow: auto;height: 100px; width: 320px;


Works great in my tested browsers (FF, Chrome and IE)
Back to top
View user's profile Send private message Visit poster's website
Google adsense
Advertisement





PostPosted: Thu May 05, 2011 11:06 am    Post subject: Keep table header on top, like split in excel or calc. Scroll the rest.

Advertisement
Back to top
GravityForms
Advertisement





PostPosted: Thu May 05, 2011 11:06 am    Post subject: Keep table header on top, like split in excel or calc. Scroll the rest.

Advertisement
Gravity Forms Plugin for WordPress
Back to top
Post new topic   Reply to topic    Ramonfincken.com Forum Index -> HTML and other markup&programming languages All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
General forums
The world of freelance
Programming
Other projects
Poll
I love gifts

Yes goodies and presents! [3]
No but I love polls ! [1]

Related google ads