How to limit the display area of a table

jack.from.canada
63 Posts
jack.from.canada posted this 1 weeks ago
Ask a Question

I have created a table element, and as I add more rows to the table, the area it requires to display all rows is more than I want to use. I'm pretty sure there is a method where you can restrict the size of the view port for the table, and then you would need to scroll (horizontally and/or vertically) to see more of the table. Does Nicepage have a native control for accomplishing this?

I have created a table element, and as I add more rows to the table, the area it requires to display all rows is more than I want to use. I'm pretty sure there is a method where you can restrict the size of the view port for the table, and then you would need to scroll (horizontally and/or vertically) to see more of the table. Does Nicepage have a native control for accomplishing this?
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 6 days ago

Hello Jack,

There is Horizontal Scrolling shown for the Table in the Responsive Modes. It allows seeing the Table Content while it goes beyond the Sheet Width.
This function should be applied automatically.
If there are any issues with the table in responsive mode, please send here the exported block or page, we will check.

Here is a link to our documentation about table element - https://nicepage.com/doc/97196/table
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Jack, There is Horizontal Scrolling shown for the Table in the Responsive Modes. It allows seeing the Table Content while it goes beyond the Sheet Width. This function should be applied automatically. If there are any issues with the table in responsive mode, please send here the exported block or page, we will check. Here is a link to our documentation about table element - https://nicepage.com/doc/97196/table ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
jack.from.canada
63 Posts
jack.from.canada posted this 5 days ago

The issue I wish to address (and maybe there is a way to address this) is that I want to limit the VERTICAL SIZE of the table. So, whether there are 10 rows or 100 rows, I want the displayed window to only show (for example) 10 rows at a time, which should be scrollable.

I'm not too concerned about horizontal scrolling.

The issue I wish to address (and maybe there is a way to address this) is that I want to limit the VERTICAL SIZE of the table. So, whether there are 10 rows or 100 rows, I want the displayed window to only show (for example) 10 rows at a time, which should be scrollable. I'm not too concerned about horizontal scrolling.
Support Team
Support Team posted this 5 days ago

Hi Jack,

You can try to achieve this using CSS code. Set the desired height for the table and overflow-y: scroll.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Jack, You can try to achieve this using CSS code. Set the desired height for the table and overflow-y: scroll. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
jack.from.canada
63 Posts
jack.from.canada posted this 5 days ago

I appreciate the help. I will need to look this up to see exactly how to do it. I use Nicepage so I can AVOID learning how to code. Maybe in an upcoming release, you can include this configuration capability in the table setup parameters?

I appreciate the help. I will need to look this up to see exactly how to do it. I use Nicepage so I can AVOID learning how to code. Maybe in an upcoming release, you can include this configuration capability in the table setup parameters?
Support Team
Support Team posted this 5 days ago

Hello Jack,

Thanks for your feedback, unfortunately, some of the features required less by the Nicepage community than others and some of the design could be achieved through additional CSS for now, we will add your proposition to our wishlist.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Jack, Thanks for your feedback, unfortunately, some of the features required less by the Nicepage community than others and some of the design could be achieved through additional CSS for now, we will add your proposition to our wishlist. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Support Team
Support Team posted this 5 days ago

Hello Jack,

Thanks for your feedback, unfortunately, some of the features required less by the Nicepage community than others and some of the design could be achieved through additional CSS for now, we will add your proposition to our wishlist.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Jack, Thanks for your feedback, unfortunately, some of the features required less by the Nicepage community than others and some of the design could be achieved through additional CSS for now, we will add your proposition to our wishlist. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
jack.from.canada
63 Posts
jack.from.canada posted this 4 days ago

I certainly understand prioritizing your requests. In researching the CSS solution, the simplest solution saw the entire table scroll within the window (meaning the table header disappeared during scrolling). A more sophisticated solution I found online allowed for scrolling of only the table data, but that left the table header looking like its column widths did not match the width of the table data rows (due to the reduced row width due to the scroll bar). That leads me to believe the only easy (from the user's prospective) solution would be a comprehensive one from Nicepage.

I certainly understand prioritizing your requests. In researching the CSS solution, the simplest solution saw the entire table scroll within the window (meaning the table header disappeared during scrolling). A more sophisticated solution I found online allowed for scrolling of only the table data, but that left the table header looking like its column widths did not match the width of the table data rows (due to the reduced row width due to the scroll bar). That leads me to believe the only easy (from the user's prospective) solution would be a comprehensive one from Nicepage.

Last edited 4 days ago by jack.from.canada

Support Team
Support Team posted this 2 days ago

Hello Jack,

We value your opinion, please note that all added features must pass through our Dev team and be coordinated with all global Nicepage code without causing any issues in all mods and on all devices.
As we told your proposition is already on our wishlist but unfortunately, we can't tell the exact time when the proposition could be reviewed by our Dev Team due to workload and Priority, we thank you for your time and explanation of your idea.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Jack, We value your opinion, please note that all added features must pass through our Dev team and be coordinated with all global Nicepage code without causing any issues in all mods and on all devices. As we told your proposition is already on our wishlist but unfortunately, we can't tell the exact time when the proposition could be reviewed by our Dev Team due to workload and Priority, we thank you for your time and explanation of your idea. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments