/    Sign up×
Community /Pin to ProfileBookmark

table (tbody) scrolling

Copy linkTweet thisAlerts:
Jan 18.2006

major problems i have…
i have a table that is [B]TOTALLY[/B] dynamic – meaning:
* it have an unknown number of TRs and unknown number of TDs !!
* unknown content lentgh!
* and it is flexibale = width:100% in the table tag.

how the hell do i make the TBODY scroll and the THEAD & TFOOT fixed ?

working for FF1.5 and IE6.0 id sufficiant for me.

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Mr_Initial_ManJan 18.2006 — Okay, I did this myself.

CSS is like this:

[CODE]tbody{
height:#px;
overflow:auto;
}
[/CODE]

Then you have:

[code=html]<table>
<caption></caption>
<thead></thead>
<tfoot></tfoot>
<tbody></tbody>
</table>[/code]

You will also want to enter an extra cell in both your head and footer, to compensate for the scrollbar. Leave it out in the table body.

Do NOT use [i]border-collapse:collapse;[/i] in your CSS, it will screw everything up in Firefox. I have no idea of this will work in IE, it didn't for me.
Copy linkTweet thisAlerts:
@ofirauthorJan 18.2006 — thanks, but...

i know this!

i want to acheive same result for IE !
×

Success!

Help @ofir spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...