---
title: "How to add a search in Elementor Table?"
url: https://theplusaddons.com/docs/add-a-search-in-elementor-table/
date: 2023-03-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "In a table with many rows, visitors should not have to scroll to find one product, plan or name. The Table Searchable option of the Table widget from The Plus..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-add-a-search-in-Elementor-Table_-1024x536.jpg
word_count: 370
---

# How to add a search in Elementor Table?

## 

- Table widgetのTable Searchableオプションは、表の上に検索ボックスを追加し、入力中に一致しない行を非表示にする。
- The Plus Addons for ElementorのTable widgetは無料版で動作し、Proは不要で、ContentタブのExtra SettingsからTable Searchableをオンにして使う。
- 検索は全列を対象に大文字小文字を区別せず、複数語で絞り込み、該当なしでは「No matching records found」を表示するが、Column SpanやRow Span、Plus Formの表では使えない。

In a table with many rows, visitors should not have to scroll to find one product, plan or name.

The **Table Searchable** option of the **Table** widget from The Plus Addons for Elementor adds a search box above the table. Rows that do not match are hidden while the visitor types.

*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 Search Box

- Add the **Table** widget to your page and fill in your table.- Open **Extra Settings** in the **Content** tab.- Turn on **Table Searchable**.- In **Search Field Label**, type the text shown before the search box, for example “Search products:”. The default is “Search”.- Publish the page and try a search on the live page.

![Table Searchable turned on in Extra Settings with Search products: in the Search Field Label field](https://theplusaddons.com/wp-content/uploads/2026/09/table-searchable.webp)

This is how a search for “office” looks on the page:

![The search box above a product table on the live page, showing only the three Office rows](https://theplusaddons.com/wp-content/uploads/2026/09/table-result-search.webp)

## How It Behaves

- The search checks every column and ignores upper and lower case.- Several words narrow the result: “audio 4.8” only kept the row that contains both.- When nothing matches, the table shows “No matching records found”.- Clearing the box brings all rows back.- The search box also appears in the Elementor editor preview.

![Animated demo of typing in the search box above a product table and the rows filtering](https://theplusaddons.com/wp-content/uploads/2023/03/table-search-demo.gif)

## Limitations

- The search is not supported for tables that use **Column Span** or **Row Span** cells, as the note under the option says.- The option is not available when **Content Table** is set to **Plus Form**.- The search box has no placeholder text, and the “No matching records found” message cannot be changed from the widget.

## Troubleshooting

### The search box does not appear

Check that **Table Searchable** is on and view the published page. If the table uses Plus Form as its source, the option is hidden.

### I want to style the search box

Go to **Style > Search Bar / Show Entries** for the label colour, input colours, typography, padding, border and width.

## Related Docs

- [Table widget settings overview](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/)- [Enable sorting in Elementor tables](https://theplusaddons.com/docs/enable-sorting-in-elementor-tables/)- [Limit the number of rows in an Elementor table](https://theplusaddons.com/docs/limit-the-number-of-rows-in-elementor-table/)

## Frequently Asked Questions

**Q: How do I add a search box to an Elementor table?**
A: Turn on Table Searchable in the Table widget’s Extra Settings, then publish the page and test it on the live page. The search box appears above the table and filters rows as you type, so visitors do not have to scan a long table manually. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Elementor editor, and the widget works in the free plugin edition.

**Q: Why is the search box not showing in my table?**
A: The usual cause is that Table Searchable is off or you are only checking the editor instead of the published page. Another gotcha is source type: if Content Table is set to Plus Form, the search option is hidden entirely. That makes this a settings issue, not a styling issue. If you need a quick sanity check, compare your setup with the [Table widget settings overview](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/).

**Q: Does Elementor table search work with Column Span or Row Span cells?**
A: No, that combination is not supported. The search feature skips tables that use Column Span or Row Span cells, so if those merged cells are part of your layout, search behavior will be unreliable or unavailable. That limitation matters because the filter checks every column while typing, and merged cells break that simple row-matching model. For a cleaner setup, keep the table structure flat if search is important.

**Q: Can I change the text shown above the table search field?**
A: The label text can be changed through Search Field Label, and the default is Search. That matters when your table needs clearer context, like product lists or plan comparisons, because a label such as Search products: tells visitors what they are filtering. The input itself does not have placeholder text, so the label is doing most of the UX work here.

**Q: What happens when no rows match an Elementor table search?**
A: The table shows No matching records found when nothing matches the query. Clearing the box brings all rows back, so it behaves like a live filter rather than a permanent sort or delete action. Multi-word searches also narrow results more aggressively because every word must match somewhere in the row, which helps when users are looking for a specific combination like audio 4.8.

**Q: How do I style the Elementor table search box?**
A: Styling lives under Style > Search Bar / Show Entries. That section controls label color, input colors, typography, padding, border, and width, so you can make the search field match the rest of your table without custom CSS. Since The Plus Addons for Elementor adds this inside Elementor itself, it keeps design tweaks close to the widget instead of forcing a separate styling workflow.