So the table here is obviously very wide, wider than the screen. Is there a way to display each "row" of entries as multiple rows on the screen so people don't have to scroll sideways forever?
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
Yes, there can be multiple ways to achieve the table looking nicer and more convenient to initially present less columns for each row - then to load 'more details' about each row.
You can try, for example, using our Master-Details add-on, which provides multiple options, in this case, if you wish the user to stay on the same Page, just to show 'more details' on each row, you can use the 'show more details in a PopUp'.
Please check more on how our Master-Details add-on works here, you will also see some of our examples there.
Before purchase, you can also test all the Master Details Add-on features on this sandbox site.
2. Another way, you can try using our "Responsiveness" feature on desktop.
It can be used to initially show only a few columns - and hide others as 'expandable' for each row on click.
You can enable Responsiveness in the table, and choose which columns will be hidden from the front-end on tablet devices.
Then, you can go to wpDataTables settings, and change the tablet's width to a bigger value (2000 for example).
When you do this, the plugin will consider all screens below 2000px as tablets, and hide the selected columns which would be available on click.
A "+" sign will appear in the first column, so when you click on it the data hidden will be displayed.
You can optionally change the 'action' on which the rows expand, if you wish it to be on the + icon, or on cell or on row.
So the table here is obviously very wide, wider than the screen. Is there a way to display each "row" of entries as multiple rows on the screen so people don't have to scroll sideways forever?
https://guidedsmile.com/test-test/
Hi Patrick,
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
Yes, there can be multiple ways to achieve the table looking nicer and more convenient to initially present less columns for each row - then to load 'more details' about each row.
You can try, for example, using our Master-Details add-on, which provides multiple options, in this case, if you wish the user to stay on the same Page, just to show 'more details' on each row, you can use the 'show more details in a PopUp'.
Please check more on how our Master-Details add-on works here, you will also see some of our examples there.
Before purchase, you can also test all the Master Details Add-on features on this sandbox site.
2. Another way, you can try using our "Responsiveness" feature on desktop.
It can be used to initially show only a few columns - and hide others as 'expandable' for each row on click.
You can enable Responsiveness in the table, and choose which columns will be hidden from the front-end on tablet devices.
Then, you can go to wpDataTables settings, and change the tablet's width to a bigger value (2000 for example).
When you do this, the plugin will consider all screens below 2000px as tablets, and hide the selected columns which would be available on click.
A "+" sign will appear in the first column, so when you click on it the data hidden will be displayed.
You can optionally change the 'action' on which the rows expand, if you wish it to be on the + icon, or on cell or on row.
Let me know if that helps.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables