Go to System › Plugins › System - Easy Responsive Tables. Every value is checked when it's used: numbers are kept within their allowed range, colors must be hex values such as #d0d7de, and selectors the plugin can't read are ignored.
Basic tab
| Setting |
Default |
What it does |
| Make tables responsive |
Yes |
Pauses the plugin without disabling it. When it's off, tables show exactly as before. |
| Default layout |
Auto (recommended) |
The layout for tables that don't have their own ert-* class. Options: Auto, Side-scrolling, Stacked cards, Priority columns. |
| Auto: use cards for simple tables |
No |
In Auto, simple tables become cards on small screens. A table is simple if it has one header row, no merged cells and no nested tables. |
| Mobile breakpoint (px) |
600 |
Responsive layouts apply at this screen width and below. Range: 240 to 2000. |
| Minimum table width (px) |
600 |
Side-scrolling tables with three or more columns stay at least this wide, so columns remain readable and visitors scroll instead. 0 turns this off. Range: 0 to 4000. |
| Show swipe hint |
Yes |
On small screens, shows a short line above side-scrolling tables with three or more columns. |
| Show edge shadows |
Yes |
Shows a soft shadow on the side where more columns are hidden, but only when the table actually scrolls. |
| Swipe hint text |
Swipe to see more |
Up to 120 characters, no HTML. |
| Screen reader name for scrolling tables |
Scrollable table |
The name screen readers announce for the scroll area when the table has no caption or aria-label. A caption is always used first. |
Where it works tab
| Setting |
Default |
What it does |
| Process tables in |
Whole page |
Whole page covers every table in the page body, including modules and other components. Article content only covers tables in Joomla articles and in the containers listed below. |
| Article containers |
.com-content-article__body, .item-page, .blog, .blog-featured, .article-body |
Extra places that count as article content. Only shown when Process tables in is set to Article content only. Tables in Joomla articles are always found, whatever your template. |
| Only these tables |
(empty) |
Include selectors. When it's empty, all tables are processed. Otherwise, only tables that match a selector, or sit inside a matching element, are processed. |
| Never these tables |
(empty) |
Exclude selectors. Tables that match, or sit inside a matching element, are left alone. |
| Skip layout tables |
Yes |
Leaves alone tables used only for page layout: role="presentation" or role="none", empty tables and single-cell tables. |
| Skip tables in menus |
Yes |
Leaves alone tables inside navigation and mega menus. See Skipping menus. |
| Menu items |
All |
All, Only the selected, or All except the selected. |
| Selected menu items |
(none) |
The menu items the setting above applies to. Only shown when Menu items isn't set to All. |
| Components |
All |
All, Only the selected, or All except the selected. |
| Listed components |
(empty) |
Component names, optionally with a view, separated by commas or new lines. Only shown when Components isn't set to All. |
Card layout tab
| Setting |
Default |
What it does |
| Show labels in cards |
Yes |
Shows the column heading next to each value. Screen readers get the headings either way. |
| Card border color |
#d0d7de |
The border color of each card. |
| Card background |
#ffffff |
The background color of each card. |
| Label color |
#344054 |
The color of the labels in cards and in "More details". Keep it dark enough to read on the card background. |
| Corner radius (px) |
8 |
Range: 0 to 40. |
| Space between cards (px) |
12 |
Range: 0 to 80. |
| Card padding (px) |
12 |
Range: 0 to 60. |
| Label width (%) |
40 |
The width of the label column inside a card. Range: 15 to 70. |
Priority columns tab
| Setting |
Default |
What it does |
| Columns to hide on small screens |
(empty) |
One rule per line, in the form selector = column numbers, for example table.prices = 3,5. Columns are counted from 1. |
| Show 'More details' |
Yes |
Adds a toggle to each row so visitors can still open the hidden columns. It uses no JavaScript. |
| 'More details' text |
More details |
Up to 120 characters, no HTML. |
Advanced tab
| Setting |
Default |
What it does |
| Debug log |
No |
Writes what the plugin did on each page to administrator/logs/easyresponsivetables.php. Page content is never logged. Turn it off when you're done. |
| HTML comment summary |
No |
Adds a short summary comment to the page source. See Diagnostics. |
| Page size limit (KB) |
4096 |
Pages larger than this are sent unchanged. Range: 256 to 32768. |