Content
Table
Rows and columns of structured data, styled with presets.
Live demo
See it in action
Data table
Comparison
A header row, striped rows and row hover — a plan comparison.
| Feature | Free | Pro | Business |
|---|---|---|---|
| Projects | Unlimited | Unlimited | Unlimited |
| Visual page builder | ✓ | ✓ | ✓ |
| Premium elements | ✗ | ✓ | ✓ |
| Priority support | ✗ | ✗ | ✓ |
| Price | $0 | $29/mo | $79/mo |
Data table
Figures & footer
Bordered, right-aligned figures, a footer total and a caption.
| Region | Q1 | Q2 | Q3 |
|---|---|---|---|
| North America | 128 | 142 | 161 |
| Europe | 96 | 110 | 124 |
| Asia-Pacific | 74 | 88 | 103 |
| Total | 298 | 340 | 388 |
Data table
Merged cells
Colspan & rowspan in a compact, bordered header.
| Plan | Storage | |
|---|---|---|
| SSD | Backups | |
| Starter | 10 GB | — |
| Pro | 100 GB | Daily |
| Business | 1 TB | Hourly |
Data table
Interactive
Sortable, searchable and paginated (5 per page).
| Element | Category | Tag | Since |
|---|---|---|---|
| Accordion | Interactive | accordion | 1.0 |
| Animated Heading | Content | animated_heading | 1.6 |
| Before / After | Media | before_after | 1.6 |
| Carousel | Interactive | carousel | 1.6 |
| Counter | Interactive | counter | 1.2 |
| Gallery | Media | gallery | 1.6 |
| Pricing Table | Components | pricing_table | 1.6 |
| Tabs | Interactive | tabs | 1.0 |
| Testimonials | Components | testimonials | 1.5 |
| Timeline | Interactive | timeline | 1.6 |
Pricing mode
Pricing table
The Classic pricing layout — plan columns on a native CSS grid (no Bootstrap fw-col classes), with a highlighted plan and buttons.
Projects
Premium elements
Priority support
Free
$0
/mo
Unlimited
✗
✗
Pro
$29
/mo
Unlimited
✓
✗
Business
$79
/mo
Unlimited
✓
✓
The markup
Clean, lean code
This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.
<section class="fw-flexbox fw-flex fw-contained fw-collapse">
<div class="table tb-51cedf36 table-striped table-hover">
<table>
<thead>
<tr>
<th style="text-align:left">Feature</th>
<th style="text-align:center">Free</th>
<th style="text-align:center">Pro</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">Projects</td>
<td style="text-align:center">Unlimited</td>
<td style="text-align:center">Unlimited</td>
</tr>
<tr>
<td style="text-align:left">Premium elements</td>
<td style="text-align:center">✗</td>
<td style="text-align:center">✓</td>
</tr>
<tr>
<td style="text-align:left">Price</td>
<td style="text-align:center">$0</td>
<td style="text-align:center">$29/mo</td>
</tr>
</tbody>
</table>
</div>
</section>To learn more about the Table shortcode, please check out the online manual here.