Tabbed Language Switcher Table

Tabbed TablesRequires Pro
This pattern lets you display a comparison table in multiple languages using easy-to-navigate tabs.
Back to Library
Jul 14, 2025 Created
Jul 14, 2025 Updated
0 Times Used

Product

Price

Features

Widget Pro

$99

Fast, Reliable

Gadget Max

$129

Durable, Compact

Producto

Price

Características

Widget Pro

$99

Rápido, Confiable

Gadget Max

$129

Duradero, Compacto

Produit

Prix

Caractéristiques

Widget Pro

$99

Rapide, Fiable

Gadget Max

$129

Durable, Compact

Pattern Code

<!-- wp:tableberg-pro/toggle {"tabs":["Egnlish","Español","Français"],"alignment":"full","inactiveTabTextColor":"#6c7280","inactiveTabBackgroundColor":"#f3f4f6"} -->
<div class="wp-block-tableberg-pro-toggle"><!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Product</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Price</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Features</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Widget Pro</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Fast, Reliable</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Gadget Max</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Durable, Compact</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table -->

<!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Producto</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Price</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Características</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Widget Pro</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Rápido, Confiable</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Gadget Max</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Duradero, Compacto</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table -->

<!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Produit</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Prix</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Caractéristiques</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Widget Pro</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Rapide, Fiable</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Gadget Max</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->

<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Durable, Compact</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table --></div>
<!-- /wp:tableberg-pro/toggle -->

Usage Instructions

Simply copy the pattern and paste it to your editor.
🛒 New: Build beautiful WooCommerce Product Tables!
This is default text for notification bar