Are you looking for a way to add a vertical scrollbar to your Elementor table? When your table contains a large amount of data, it can extend beyond the visible area, making it hard for users to navigate. A vertical scrollbar lets visitors scroll through the table without leaving the current page section.
The Table widget in The Plus Addons for Elementor includes a vertical scrollbar option you can enable from the Extra Options tab.
To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, click here.
Best Used For:
- Product comparison pages where tables have many rows of specifications
- Pricing pages with feature lists that exceed the visible viewport height
- Data-heavy documentation or support pages with structured information
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
To do this, add the Table widget to your page and add your content. Then go to the Extra Options tab → Table Vertical Scrollbar and enable the toggle. If you also want visitors to sort rows by clicking column headers, see How to Enable Sorting in Elementor Tables.
In the Height (px) field, set the maximum visible height for the table on each device. When the table content exceeds this height, the vertical scrollbar appears automatically. Use this when you have more than 10 rows of data and want to keep the table contained within the page layout without expanding it.
Your table will now display a scrollbar once the content exceeds the height you set.
Also, check How to add a search in Elementor Table to let visitors search through table data without scrolling through all rows.
