Fixed column when scrolling right when using tableview and iterator

[Former Member]

Hello again,

I have created a BSP that displays a table. No real rocket science here. But the table has more columns than can be displayed on the screen. So the user has to scroll to the right. Again no biggie. The problem is that the first column on the left contains the description of the data in the row. So when the user scrolls right the description "disappears" off the left side of the screen. Is there a way to make the first column always stay on the left part of the screen. Similar to the ALV and how you can make certain columns (the key columns) not scroll to the left. I am using the HTMLB tableview tag a table iterator(which I love) and MVC. I tried the fixedColumn attribute but that didn't work. Any ideas?

TIA,

Rich

[Former Member]

Hey,

http://web.tampabay.rr.com/bmerkey/examples/locked-column-csv.html

has worked by using the headInclude tag. I don't all the in's and out's yet but as soon as I do I will post the answer. I just want to make sure no one has any issues with posting the solution.

As always TIA,

Rich

[eddy_declercq]

As also said in the other weblog, you can use frames, which is cross browser/platform. Put the fixed part in a fixed frame and the scrollable part in a scrollable frame. Make sure that the order of the records is the same in both frames.

If you use some params, you can even use one single BSP page (apart from the frame def BSP page) for this.

[Former Member]

Working example of using this CSS form.

[Former Member]

Hello,

I did try the fixedColumn attribute but much to my dismay it doesn't do what I had hoped. I can't try "wrapping" the row title column because there can be as many as 350 columns (yes you read that right. Thank goodness for the iterator). I think Craig hit the nail on the head. I may have to put 2 tableview next to each other and yes Craig the users want to enter data in those cells. I have found an IAC (for those of us who still remember the ITS) that does exactly what I want. So I will now go and pick apart that code and see how it is handling it. I wish there was a more elegant solution and if there is I will be sure to post it.

Cheers,

Rich

BTW - I am still open to suggestions if anyone has one

[Former Member]

Gald we could all help out. Please keep us up to date and perhaps mark your questions solved so others can find answers quickly as well.

[Former Member]

Richard, check out this

It seems to be the same problem...

Ariel

[Former Member]

The only thing with using that really cool IE only CSS solution is that you would have to redefine all the CSS values that go with the tableview and even then it may only work if you build the table completely manually.

But a very cool solution nonetheless!!!!

[maximilian_schaufler]

Hi Richard,

for the standard tableview there is no possibility to have this feature of real "fixed columns".

To partly achieve what you desire ... have you thought about displaying two tableviews next to each other, one holding your "fixed columns", the other one being placed in a scrollable div/layer ...

Of course, depending on what you want to do with the tableview (editing, ...) this might require a lot of additional coding (also javascript) to make it work smoothly, but if it is a "read-only" tableview try considering it.

Cheers,

Max

[Former Member]

Hello Richard,

Try using the wrapping attribute. Also there is another attribute (Try to test it) that is "fixedColumn" put this attribute to TRUE in the description column.

Then if it doesnt work try playing with the table width attribute and columns width attribute.

Thats all

Cheers

Ariel

[Former Member]

Have you tried "Wrapping" your description, it makes your table rows a bit ununiformed in appearance but does eliminate the scroll right effect.