Default Style
Basic Table with Zebra Stripes
The default table style includes a primary blue header and alternating row colors for better readability.
| Product |
Category |
Price |
Stock |
| Wireless Headphones |
Electronics |
$149.99 |
In Stock |
| Running Shoes |
Sports |
$89.99 |
In Stock |
| Coffee Maker |
Kitchen |
$79.99 |
Low Stock |
| Desk Lamp |
Office |
$34.99 |
In Stock |
Header Colors
Header Background Color Options
Choose from multiple header color themes to match your site's design.
Dark Header
Success Header (Green)
Warning Header (Orange)
Light Header (Gray)
Sticky Column
Freeze First Column
Keep the first column visible while scrolling horizontally - perfect for comparison tables. Try scrolling the table below!
CTA Shortcode
Table with CTA Buttons
Add call-to-action buttons inside table cells using the [wtbe_cta] shortcode.
[wtbe_cta url="https://example.com" label="View Details" nofollow="true" newtab="true"]
Borderless
Table Without Borders
A cleaner look with the outer border removed.
| Metric |
This Month |
Last Month |
Change |
| Page Views |
125,000 |
118,000 |
+5.9% |
| Unique Visitors |
45,000 |
42,000 |
+7.1% |
| Bounce Rate |
32% |
35% |
-8.6% |
Text Alignment
Centered Header Text
Center-align header text for a more balanced look in comparison tables.
Reference
Available Shortcodes
Cell Width Placeholder
Force a minimum width for a table cell:
[wtbe_placeholder width="300px"]
CTA Button
Add a styled button link in a table cell:
[wtbe_cta url="https://example.com" label="Click Here" nofollow="true" sponsored="false" newtab="true" class="custom-class" id="my-cta"]
url |
The link destination (required) |
label |
Button text (default: "Click Here") |
newtab |
Open in new tab (default: true) |
nofollow |
Add rel="nofollow" (default: false) |
sponsored |
Add rel="sponsored" (default: false) |