TablePress Responsive Stacked
Makes TablePress tables responsive by converting them into a stacked mobile-friendly layout.
by Custom Plugin by Nikolay Djemerenov · github.com/nikdjem/tablepress-responsive
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/nikdjem/tablepress-responsive/archive/refs/heads/main.zipMakes TablePress tables responsive by converting them into a stacked mobile-friendly layout.
A lightweight WordPress plugin that makes TablePress tables responsive by converting them into a stacked mobile-friendly layout.
On small screens, each row of the table is displayed as a block with the column header shown above each cell.
This improves readability and usability on mobile devices compared to horizontal scrolling.
Features
- ✅ Automatically detects TablePress tables
- ✅ Converts them into a stacked layout on mobile (≤768px)
- ✅ No manual editing required (
data-labelattributes are auto-generated from headers) - ✅ Lightweight, no external dependencies
- ✅ Works with any TablePress table
Installation
- Download or clone this repository
git clone https://github.com/nikdjem/tablepress-responsive.git
-
Zip the folder (optional) If uploading manually, zip the folder: zip -r tablepress-responsive.zip tablepress-responsive/
-
Upload to WordPress
1.Go to WordPress Admin → Plugins → Add New → Upload Plugin
2.Upload the tablepress-responsive.zip file
3.Click Install Now and then Activate
-
Done! Your TablePress tables are now responsive on mobile.
-
Example (Mobile View)
| Name | Age | Country |
|---|---|---|
| John | 25 | USA |
| Maria | 30 | Spain |
becomes on mobile:
Name: John
Age: 25
Country: USA
Name: Maria
Age: 30
Country: Spain
- Compatibility
Requires WordPress 5.0+
Requires TablePress plugin