How can you keep an element in view on the side while scrolling through a table?

I have some buttons that refresh the data/set conditions on the sub queried fields of the table model.
There are usually many rows on the table so I've enabled scrolling.

In order to keep the buttons that filter the table accessible, I want to keep the buttons on the side of the page while the user scrolls.

How can I do this?

Thanks!

Shmuel Kamensky, Champion

4,644 Points

Posted 3 years ago

3 years ago

Rob Hatch, Official Rep

44,448 Points

Panel set!

One panel has a field editor or page title buttons that function as a set of filters. (Look here for arbitrary filters... https://community.skuid.com/skuid/topics/filter-calendar-by-user-using-the-action-framework )

The second panel has the table.

Check out scrolling options on the panel set to achieve the function you are after.

Comment

1 person likes this

2016-09-09T03:37:15+00:00

Shmuel Kamensky, Champion

4,644 Points

Ah! I totally put panels out of my mind ever since I read

Best Practice: Use the Responsive Grid instead of the Panel Set

This works! Now I need to figure out how to keep the headers at the top of the table...

http://help.skuid.com/m/components/l/376365-compose-pages-that-react-to-screen-size-with-the-respons...

2016-09-09T11:22:00+00:00

Bill McCullough, Champion

13,128 Points

Shmuel,

Go to the table component and access the Scrolling properties under the Display tab. You can even freeze columns to the left.
Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1481018/RackMultipart20160909-12680-1wj69nb-2016-09-09_07_20_00-Edit_Page__TaskList_inlinepng1473420072

Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1481018/RackMultipart20160909-12680-1wj69nb-2016-09-09_07_20_00-Edit_Page__TaskList_inlinepng1473420072

Thanks,

Bill

2016-09-09T14:12:59+00:00

Shmuel Kamensky, Champion

4,644 Points

If I use scrolling for both the panel and the table, there are two scroll bars and things get whacky.
If I only use a scroll bar for the table then the side panel (where I'm keeping the filter buttons) will disappear.
If I only use a scroll bar within the panel section itself, the table header will not stay at the top.

2016-09-12T12:03:54+00:00

Bill McCullough, Champion

13,128 Points

Can you use a Navigation component for the side panel filter buttons? They should stay in place this way.