Easy Responsive Tables
Make every table readable on phones, automatically: side-scrolling, stacked cards or priority columns. No article edits, no JavaScript.
30-day money-back guarantee
Changelog — Easy Responsive Tables
Version 1.0.3: 24 October 2026
- Initial release for Joomla 4.4, 5 and 6
Tables without a class use the Auto layout from the plugin settings. Here it side-scrolls on small screens, so existing articles work with no edits.
| Plan | Sites | Updates | Support | Price |
|---|---|---|---|---|
| Starter | 1 site | 6 months | $19 | |
| Business | 3 sites | 1 year | Priority email | $29 |
| Agency | 10 sites | 1 year | Priority email | $49 |
| Lifetime | Unlimited | Lifetime | Priority email | $99 |
<table> ... </table>
Wide tables keep every column and scroll sideways inside a focusable, labeled region. A “Swipe to see more” hint and edge shadow show there is more to see; both can be turned off.
| Page | Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep |
|---|---|---|---|---|---|---|---|---|---|
| Home | 1,200 | 2,400 | 3,600 | 4,800 | 6,000 | 7,200 | 8,400 | 9,600 | 10,800 |
| Pricing | 1,550 | 3,100 | 4,650 | 6,200 | 7,750 | 9,300 | 10,850 | 12,400 | 13,950 |
| Docs | 1,900 | 3,800 | 5,700 | 7,600 | 9,500 | 11,400 | 13,300 | 15,200 | 17,100 |
| Blog | 2,250 | 4,500 | 6,750 | 9,000 | 11,250 | 13,500 | 15,750 | 18,000 | 20,250 |
<table class="ert-scroll"> ... </table>
On phones, each row becomes a card and the column headings become labels. Card colors, radius, padding and label width are set in the plugin.
| Name | Role | Office | Phone | |
|---|---|---|---|---|
Emma Clarke | Office Manager | Toronto | (416) 555-0142 | |
Daniel Ortiz | Senior Accountant | Vancouver | (604) 555-0187 | |
Priya Nair | HR Coordinator | Calgary | (403) 555-0119 | |
Liam Walsh | Client Services Lead | Ottawa | (613) 555-0164 |
<table class="ert-cards"> ... </table>
Less important columns hide on small screens. Their values move into a “More details” toggle in each row, built with a native <details> element and no JavaScript.
<table class="ert-priority ert-hide-3 ert-hide-4"> ... </table>
Prefer attributes? data-ert-mode picks the layout and data-ert-hide lists the columns to hide.
| Device | Screen | Battery | Weight | Ports | More details |
|---|---|---|---|---|---|
| Laptop | 15 in | 12 h | 1.6 kg | USB-C, HDMI | More details
|
| Tablet | 11 in | 10 h | 0.5 kg | USB-C | More details
|
| Phone | 6.1 in | 20 h | 0.17 kg | USB-C | More details
|
<table data-ert-mode="priority" data-ert-hide="3,4"> ... </table>
Tables with merged cells, several header rows or nested tables always side-scroll instead of breaking.
| Region | 2025 | 2026 | ||
|---|---|---|---|---|
| H1 | H2 | H1 | H2 | |
| North America | 120 | 140 | 165 | 190 |
| Europe | 90 | 110 | 130 | 150 |
<table>
<thead>
<tr><th rowspan="2">Region</th><th colspan="2">2025</th>...</tr>
</thead>
...
</table>Add ert-ignore (or data-ert="ignore") and the plugin never touches that table. You can also include or exclude tables by CSS selector, menu item or component in the plugin settings.
| Plan | Sites | Updates | Support | Price |
|---|---|---|---|---|
| Starter | 1 site | 6 months | $19 | |
| Business | 3 sites | 1 year | Priority email | $29 |
| Agency | 10 sites | 1 year | Priority email | $49 |
| Lifetime | Unlimited | Lifetime | Priority email | $99 |
<table class="ert-ignore"> ... </table>