Scrollable table with fixed first collumn and fixes header.

Board index » YUI 3.x: » Using YUI 3.x Components

Page 1 of 1

[ 4 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

angelo marcos rigo

Username: amrigo
Joined: Mon Jul 26, 2010 6:54 am
Posts: 3

Scrollable table with fixed first collumn and fixes header.

Posted: Wed May 23, 2012 11:42 am

+0-

Hi

I am looking for a scrollable table with the first collumn fixed and the a fixed header.

Just like the fully table example here in this link, only diference is that the first collumn must be fixed :
http://yuilibrary.com/yui/docs/datatabl ... croll.html

Any hints ?

Thankś in advance

Juan Ignacio Dopazo

YUI Contributor

Username: jdopazo
Joined: Fri Oct 02, 2009 5:39 am
Posts: 620
Location: Buenos Aires, Argentina
Twitter: juandopazo
GitHub: juandopazo
Gists: juandopazo

Re: Scrollable table with fixed first collumn and fixes head

Posted: Wed May 23, 2012 7:33 pm

+0-

DataTable doesn't provide something like that out of the box. And since HTML tables are row based, fixing the position of cells can be tricky. Have you tried faking it using two tables?

angelo marcos rigo

Username: amrigo
Joined: Mon Jul 26, 2010 6:54 am
Posts: 3

Re: Scrollable table with fixed first collumn and fixes head

Posted: Thu May 24, 2012 11:14 am

+0-

What i need is this behaviour: http://fixedheadertable.com/ but the firts cell need to be locked.

Just like if the fully table have the ANSY cell locked

Luke Smith

YUI Contributor

Username: lsmith
Joined: Thu Aug 28, 2008 7:50 am
Posts: 511
Location: Sunnyvale
Twitter: ls_n
GitHub: lsmith
Gists: lsmith
IRC: ls_n

Re: Scrollable table with fixed first collumn and fixes head

Posted: Wed May 30, 2012 7:36 pm

+0-

Frozen columns is on the roadmap for version 3.8.0.

I won't be able to implement this any time soon, but if you or others in the community want to have a go at it, my plan for it will be similar to that used for vertically scrolling tables - create another <table aria-hidden="true"> that contains only the columns that are frozen. This table will overlay the full table using position: absolute. Cell heights may need to be adjusted if data cells in non-frozen columns include wrapping data (tall cells).

Wish I had better news for you.

Page 1 of 1

[ 4 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

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