Content
Table
Rows and columns of structured data, styled with presets.
Live demo
See it in action
Comparison — header row, striped, row hover
| Feature | Free | Pro | Business |
|---|---|---|---|
| Projects | Unlimited | Unlimited | Unlimited |
| Visual page builder | ✓ | ✓ | ✓ |
| Premium elements | ✗ | ✓ | ✓ |
| Priority support | ✗ | ✗ | ✓ |
| Price | $0 | $29/mo | $79/mo |
Bordered, right-aligned figures, footer total + caption
| Region | Q1 | Q2 | Q3 |
|---|---|---|---|
| North America | 128 | 142 | 161 |
| Europe | 96 | 110 | 124 |
| Asia-Pacific | 74 | 88 | 103 |
| Total | 298 | 340 | 388 |
Merged header cells — colspan & rowspan, compact
| Plan | Storage | |
|---|---|---|
| SSD | Backups | |
| Starter | 10 GB | — |
| Pro | 100 GB | Daily |
| Business | 1 TB | Hourly |
Interactive — sortable, searchable, paginated (5 / 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 |
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>
<div class="fw-container">
<div class="fw-row">
<div class="fw-col-12">
<div class="table tb-0fd4e245 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>
</div>
</div>
</div>
</section>To learn more about the Table shortcode, please check out the online manual here.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.