company logo

Help center

Go to wpDataTables
YouTube Channel
All collectionsFAQExamplesHow to Add wpDataTables Inside Tabs or Tabbed Content

How to Add wpDataTables Inside Tabs or Tabbed Content

A complete guide to displaying wpDataTables within tabbed layouts using page builders like Elementor, WPBakery, Divi, or tab plugins.

You can display wpDataTables inside tabs or tabbed content areas on your WordPress pages. Each tab can contain one or more wpDataTable shortcodes, making it easy to organize different datasets into separate sections without creating multiple pages.

Option 1 – Use a Tabs Plugin

If your theme or page builder doesn’t have a built-in tabs feature, you can use a plugin like WP Tabs.
For example, we created the following layouts using WP Tabs:


Option 2 – Use Your Page Builder’s Built-In Tabs Element

Most modern page builders include a tabs widget/module by default. You can simply add the wpDataTable shortcode inside each tab.

Examples:

  • Elementor – Tabs widget

  • WPBakery Page Builder – Tabs element

  • Divi Builder – Tabs module

Each builder has its own documentation and video tutorials showing how to use tabs.


Extra Tips

  • View all wpDataTables native integrations with major page builders here:
    https://wpdatatables.com/documentation/general/wpdatatables-shortcodes/

  • If your page builder doesn’t have a tabs feature, you can still use the table shortcode in any HTML tab structure or third-party plugin.


If you have any questions, feel free to contact our support team.

Did this answer your question?
😞
😐
😁