Big table with first columns fixed

They have: 3 posts

Joined: Nov 2007

Hi,

I have a big table with many columns, I need to have the first three columns fixed and the rest scrollable.

How can I achieve that? Thanks!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Do you mean that those columns should scroll together or should they each have individual scrollbars?

Try using colgroups to target groups of columns. I'm really not sure if this is possible but that might be a start in the right direction.

They have: 3 posts

Joined: Nov 2007

I mean that for instance, you have a table with 20 columns, the first 3 must be fixed, and the rest as a group should be scrollable, not individualy each cell.

Thanks!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I'm still not exactly clear on how this would work. How would some columns be longer than others to require scrolling?

Colgroup would be the only way to select a set of columns for manipulation but there isn't a lot you can do with CSS and cologrup.

This isn't a layout table, is it? I'm assuming not with that many columns.

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

As an example, I think that the effect being sought is similiar to this:

Open up an exxcel file with data in it or start a new one and add some reandom values to the first 10 rows and columns.

Now highlight B2, click WINDOW->FREEZE PANES

now wherever you scroll in excel, the first row and first column are always visible.

I think that is what is being asked how to emulate.

-Greg

greg's picture

He has: 1,581 posts

Joined: Nov 2005

An example or test page of the table you currently have would be useful

I can only guess you are trying to allow the first 3 cols to remain fixed so the last 17 columns are scrollable to scroll and line up the rows with the first three cols
to match or compare data in the rows of the first 3 cols with the data in the rows of the last 17 cols
is that right?

otherwise you will have to explain a bit more what you actually want to do and why
if you tell us what you are trying to achieve it for (i.e. to align different rows for comparison), we might be able to help better

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

Ok, I'm still guessing what exactly is wanted, but here is what I think is close to what is wanted. This is ahrd coded, not suggested to be done this way:

http://www.basketsoflove.org/table.html

The way I have this working right now, does not allow for vertical scrolling if you have a large number of rows, but hopefuly will be a good visual example to go off of in saying what is needed.

-Greg

They have: 3 posts

Joined: Nov 2007

Thanks, that example is just great

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.