---
title: "How to Add wpDataTables Inside Tabs or Tabbed Content"
description: "A complete guide to displaying wpDataTables within tabbed layouts using page builders like Elementor, WPBakery, Divi, or tab plugins."
url: https://help.wpdatatables.com/en/articles/62-how-to-add-wpdatatables-inside-tabs-or-tabbed-content
collection: "Examples"
updated: 2026-08-25
language: en
---

# 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:

![](https://staticfiles.gleap.io/ghelparticle/ctc76IkSTRsRPtxVesrAfuc6XAo6AmnyD8A6dyFt7e0rO1OdiJ7F5TUwU3Tu7pkslhYJNeLHVIm.webp)

![](https://staticfiles.gleap.io/ghelparticle/sbJhDv1wFmZoLF0zbvnSgR6Go76qIZyaVbTn4pCx2gmDKfrGD846b9ndtCklfRf5vVWWNNg4w5Y.webp)

![](https://staticfiles.gleap.io/ghelparticle/MpxbXHfQvIuFpAFQM8jI1dXb1CIpnv1pqfKWEcTzsVJNtEBETqT2MPZVMgTNxqWiIDLwAu6me5F.webp)

* * *

### **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  
    
    ![](https://staticfiles.gleap.io/ghelparticle/5NOxPWrRKjmFE5bbLdIofasEHEOEO2Y5sBPuw6827FXEesSXIQ8uhhTkHBS8BkzcGBvwOZSOCto.webp)
    
-   **WPBakery Page Builder** – Tabs element  
    
    ![](https://staticfiles.gleap.io/ghelparticle/22RMrnssGuc1umAyTaIbcVNXGjdQK3JltvgGqxr2OVoi9dqsY54W9KeswfGTxDHTlt16Y1euUhQ.webp)
    
-   **Divi Builder** – Tabs module
    

![](https://staticfiles.gleap.io/ghelparticle/2aXMqsOTqJ8TjT2kVwaD4xdvR1MSVyovs9fUOs7HaANnk4oscVXb6xpabHiMNMbMPpNnw0OIuzG.webp)

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/](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.