---
title: "How to Add a Vertical Scrollbar to an Elementor Table?"
url: https://theplusaddons.com/docs/add-vertical-scrollbar-to-elementor-table/
date: 2023-06-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A long table can take over a whole page. A fixed height with a scrollbar keeps the table compact while every row stays available. The Table Vertical Scrollbar option of..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Add-a-Vertical-Scrollbar-to-an-Elementor-Table_-1024x536.jpg
word_count: 388
---

# How to Add a Vertical Scrollbar to an Elementor Table?

## 

- The Plus Addons for Elementor Table widget adds a Table Vertical Scrollbar option that gives the table a set height and a scrollbar inside it.
- Table Vertical Scrollbar works in the free plugin, and the Table widget is enabled under The Plus Addons > Widgets.
- Table Vertical Scrollbar uses Set Height (px), for example 250, and without a value the box is only 100 px high; the scrollbar colours and width are in Style > Scroll Bar.

A long table can take over a whole page. A fixed height with a scrollbar keeps the table compact while every row stays available.

The **Table Vertical Scrollbar** option of the **Table** widget from The Plus Addons for Elementor gives the table a set height and adds a scrollbar inside it.

*To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/data-tables/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free** — this works in the free plugin; Pro is not needed.- **Widget to enable:** Table, switched on under **The Plus Addons > Widgets**.

## How to Add a Vertical Scrollbar

- Add the **Table** widget to your page and fill in your table.- Open **Extra Settings** in the **Content** tab.- Turn on **Table Vertical Scrollbar**.- Set **Height (px)**, for example 250. Use the device icon next to the label to set a different height for tablet and mobile.- Publish the page and scroll inside the table to test it.

![Table Vertical Scrollbar turned on with Height (px) set to 250 in the Extra Settings section](https://theplusaddons.com/wp-content/uploads/2026/09/table-scrollbar.webp)

On the page, the table is cut at that height and scrolls inside its own box:

![A product table on the live page cut at 250 pixels high with a vertical scrollbar](https://theplusaddons.com/wp-content/uploads/2026/09/table-result-scroll.webp)

## How It Behaves

- The table box gets the height you set and a vertical scrollbar. Rows below that height are reached by scrolling inside the table.- If you turn the option on and leave the height alone, the table is only **100 px** high, so set a height.- The scrollbar's colours and width are in **Style > Scroll Bar**.

## Limitations

- **The search box and entries dropdown scroll away.** With **Table Searchable** or **Entry Filter Dropdown** on, they sit inside the same scroll area, so they leave the view once the visitor scrolls down.- The header row scrolls away with the rows; it does not stay fixed at the top.- The height applies to the whole table box, whatever the number of rows, so a short table can leave empty space.

## Troubleshooting

### The table is tiny after turning the option on

Set **Height (px)**. Without a value the box is 100 px high.

### Visitors lose the search box

Use a larger height, or turn the scrollbar off and use **Entry Filter Dropdown** to shorten the table instead.

## Related Docs

- [Table widget settings overview](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/)- [Limit the number of rows in an Elementor table](https://theplusaddons.com/docs/limit-the-number-of-rows-in-elementor-table/)- [Make data tables mobile responsive](https://theplusaddons.com/docs/make-data-tables-mobile-responsive-in-elementor/)