is there such thing ? using CSS ?
thanks,
Mel 7 18749
On Mon, 5 Jul 2004 10:29:27 -0400, "Mel" <jm**@redolive. com> wrote: is there such thing [as a scrollable table widget with a fixed header]? using CSS ?
You might enjoy some success with the following:
tbody {
max-height: 25em; /* Adjust to taste */
overflow: scroll;
}
then use thead, tfoot and tbody markup as normal.
Some browsers will probably do odd things, though.
Take care,
-Claire
Gus Richter wrote: Mel wrote:
is there such thing ? using CSS ?
thanks, Mel
W3C's CSS Test-Suite example using overflow:auto on tbody:
http://www.w3.org/WAI/UA/TS/html401/...-OVERFLOW.html
To view as intended, use any Gecko based browser. Opera and IE do not support overflow.
Opera doesn't support overflow in tables, it's fine elsewhere.
--
Matt
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =----- http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Matt wrote: Gus Richter wrote:
Mel wrote:
is there such thing ? using CSS ?
thanks, Mel
W3C's CSS Test-Suite example using overflow:auto on tbody:
http://www.w3.org/WAI/UA/TS/html401/...-OVERFLOW.html
To view as intended, use any Gecko based browser. Opera and IE do not support overflow.
Opera doesn't support overflow in tables, it's fine elsewhere.
I assume you're referring to IE6 (did not have opportunity to check
there) since IE5.5 does not support it.
In case of any interest, NC 4.x does not either, as well as not for tfoot.
--
Gus
Gus Richter wrote: Mel wrote:
is there such thing ? using CSS ?
thanks, Mel
W3C's CSS Test-Suite example using overflow:auto on tbody:
http://www.w3.org/WAI/UA/TS/html401/...-OVERFLOW.html
To view as intended, use any Gecko based browser. Opera and IE do not support overflow.
this has the problem with horizontal scrolling that the head and foot do
not stay in sync with the body. Anyone have a suggestion ?
--
Bill Drescher
william {at} TechServSys {dot} com
bill drescher wrote: this has the problem with horizontal scrolling that the head and foot do not stay in sync with the body. Anyone have a suggestion ?
I've simulated an Excel spreadsheet using 4 iframes in a square. Top left
and top right are static column headers with fixed-width columns. Bottom
left is column 1 data, and bottom right is all the other column data with
the same fixed-width column sizes. When a bottom frame is scrolled up or
down, it scrolls the other bottom frame to the same position. When the
bottom right is scrolled left or right, the top right is scrolled to the
same position.
It acts the same as Excel having frozen rows and columns, and it works
beautifully under IE. I've not tested it with other browsers, since this was
for an IE-only intranet app.
It's kind of a pain (especially having 4 pages - one for each iframe) but it
was the best solution I could come up with that would work in IE, since IE
doesn't like overflow:auto on TD's.
--
Matt Kruse
Javascript Toolbox: http://www.JavascriptToolbox.com/
I assume you're referring to IE6 (did not have opportunity to check there) since IE5.5 does not support it.
In case of any interest, NC 4.x does not either, as well as not for tfoot.
Gus
You still keep a copy of NC 4? Man this is so antique... I really HATE this piece of s**t.
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Muralidhar |
last post by:
Hi,
I'm having a jsp page which is having a table and a div tag.The
heading such as a radio button,Name , Age etc. are fixed.Only the data
under it is scrolling. So i've set one table for header which are
fixed.
Then a div tag inside which there is a table which is used for
scrolling the data.When i select a radio i'm submitting the form.The
problem is here i'm able to set focus to the radio button, but i'm
unable to maintain the...
|
by: Matt Kruse |
last post by:
This is a typical layout, but I have specific requirements. I'm trying to
figure out a) if it's possible to meet the requirements and b) if so, how.
+---------------+
| header |
+---------------+
| body |
| (scrollable) |
+---------------+
| footer |
|
by: Mel |
last post by:
Scrollable table widget with fixed header
is there such thing ?
thanks,
Mel
|
by: Matt Kruse |
last post by:
I'm looking for the best JS/CSS solution to add functionality to tables.
The only browser which needs to be supported is IE5.5+, but no activeX can
be used.
to be able to do:
- Fixed header row
- Data sorting (preferrably intelligently determining data type based on
content)
- If possible, locking the first column from scrolling
|
by: Michael Schuerig |
last post by:
I'm trying to do something seemingly very simple, but it's brought me
close to crushing my head on the keyboard. All I want is a table where
the head row is fixed and the body columns below are scrollable (with
the ordinary scrollbars, no less). Whatever I try, the columns in the
head and the body aren't aligned; the widths are computed independently
which gives a completely ragged look.
Michael
--
| |
by: Keimo Repo |
last post by:
Hello
I would need some advice, even just speculations...
A customer of ours insists on a couple of customer specific design
features for our existing multi-customer web application:
- A top header with a dropdown menu which does not scroll when the page
is scrolled.
- A lower detail part of the screen (table) where the headers stay, and
|
by: binilprasad |
last post by:
Hi
Am working in project where i have to display a table with fixed header and the body is scrollable.I done this creating two tables and placing them inside a div.
I set the top property of header table with scrolltop value of the div.
The problem when i scroll the header is flickering.How to deal with that
Thanks
Binil
|
by: since |
last post by:
I figured I would post my solution to the following.
Resizable column tables.
Search and replace values in a table. (IE only)
Scrollable tables.
Sortable tables.
It is based on a lot examples I found on the web. Works in IE and mozilla.
http://www.imaputz.com/cssStuff/bigFourVersion.html
|
by: jrod11 |
last post by:
hi,
I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums there are, it crashes.
There are currently 6 columns, and I only want 4. How do I remove the last two (discount and date)?
Here is a link: http://www.jaredmoore.com/tablesorter/docs/salestable.html
Here is some jquery js that I think...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |