473,383 Members | 1,795 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,383 software developers and data experts.

how to set table's first column to be static and remaining can be scrolled through CSS

Hi frnds,

Here is my secanrio.

I have created a table , it seems to be,

~ Table's head part (table headings) will be static , and
rest of part (rest of the rows) can be scrolled vertically at the
right.
It is done through CSS .

* (CSS) Code which i used for this is
classname { top:
expression(document.getElementById("tbl-container").scrollTop-2) , and
it is for verticall scroll.

I want to know know the case for below
~ now my senario is
In a new table
First COLUMN should be static , and remaining column
should scrolled vertically at the bottom.

Can anyone tell me suggestion to how to solve this
Rgrds..
Dinesh...

Aug 11 '06 #1
5 3518
ba*****************@gmail.com wrote in news:1155300185.419969.192840
@i42g2000cwa.googlegroups.com:
Hi frnds,

Here is my secanrio.

I have created a table , it seems to be,

~ Table's head part (table headings) will be static , and
rest of part (rest of the rows) can be scrolled vertically at the
right.
It is done through CSS .

* (CSS) Code which i used for this is
classname { top:
expression(document.getElementById("tbl-container").scrollTop-2) , and
it is for verticall scroll.

I want to know know the case for below
~ now my senario is
In a new table
First COLUMN should be static , and remaining column
should scrolled vertically at the bottom.

Can anyone tell me suggestion to how to solve this
comp.infosystems.www.authoring.stylesheets ?
Aug 11 '06 #2
ba*****************@gmail.com wrote:
I want to know know the case for below
~ now my senario is
In a new table
First COLUMN should be static , and remaining column
should scrolled vertically at the bottom.
Here is a proof-of-concept (IE only) which I have developed:
http://www.javascripttoolbox.com/lib/scrollingdatagrid/

Hope it helps.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com
Aug 11 '06 #3

Hi Matt Kruse,

Thanks for ur example, which u gave me.

Aug 14 '06 #4

Matt Kruse wrote:
ba*****************@gmail.com wrote:
I want to know know the case for below
~ now my senario is
In a new table
First COLUMN should be static , and remaining column
should scrolled vertically at the bottom.

Here is a proof-of-concept (IE only) which I have developed:
http://www.javascripttoolbox.com/lib/scrollingdatagrid/

Hope it helps.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com
Matt, thats pretty sweet.
But, I've got to point out that the tfoot is supposed to go before the
tbody. ;-) (http://www.w3.org/TR/html4/struct/tables.html)
Still, you made me step away from my linux box just to see it.

Aug 17 '06 #5
Paul wrote:
>Here is a proof-of-concept (IE only) which I have developed:
http://www.javascripttoolbox.com/lib/scrollingdatagrid/
Matt, thats pretty sweet.
But, I've got to point out that the tfoot is supposed to go before the
tbody. ;-) (http://www.w3.org/TR/html4/struct/tables.html)
Yes, I know this, but I choose to ignore it :)
No browser chokes on having the tbody last, and it makes more logical sense
when building and viewing the source. I think the w3c's reasoning for saying
it should precede the tbody is kind of a stretch.

I've also used multiple thead and tfoot elements in tables to fix some
situations and no browsers complain even though the w3c says I shouldn't do
so! But I'd rather have the functionality now and ignore the specs when
necessary than follow the specs exactly and reduce functionality :)

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com
Aug 17 '06 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

25
by: Haines Brown | last post by:
I have a table with three columns, and I want the data in the first column to align left, while that in the remaining columns to align right: #testTable { text-align: right; } #leftcol {...
7
by: Mel | last post by:
is there such thing ? using CSS ? thanks, Mel
17
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...
11
by: Matt Kruse | last post by:
This is a common requirement - "freeze panes" in a table, so that some header rows and some columns on the left are frozen while the body content scrolls. This makes large tables more usable on...
4
by: robert | last post by:
my colleagues are convinced that having more than an index or two destroys performance on their batch runs. could be. i don't have the data, and i'm wondering whether there might be some...
1
by: kingster | last post by:
Hi, I have a regular dataset and all i want to do is make a pivot table display in a browser with the datasource of the pivot table to be this dataset and then the end-user will be able to do...
7
by: Serge Rielau | last post by:
Hi all, Following Ian's passionate postings on problems with ALTOBJ and the alter table wizard in the control center I'll try to explain how to use ALTOBJ with this thread. I'm not going to get...
27
by: spminba | last post by:
First, I want to say I have used this board to resolve many issues that I have had with access and I thank everyone who contributes. I have attempted to resolve my issue myself, but I am stumped and...
14
by: Mark | last post by:
I have a table with a field that uses a combobox to populate values. The Lookup tab within table design mode is the following: Display Control Combo Box Row Source Type ...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.