Hi! I want to create a table with 10 columns, but I only want five of them to be visible at first. I have set these five columns at 20% width each, and the other five columns ideally would be collapsed and visible once one clicks on the expand icon. I have this working perfectly in tablets and mobiles, but on desktops the expand icon does not appear, and therefore the five collapsed columns are impossible to see. Is there any way I can make the table responsive for desktops the same way it is for tablets and mobiles? Thanks!
Yes, there is a workaround if you wish to have the Dekstop version of this table behave the same way with the 'expander' icon.
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.
Hi! I want to create a table with 10 columns, but I only want five of them to be visible at first. I have set these five columns at 20% width each, and the other five columns ideally would be collapsed and visible once one clicks on the expand icon. I have this working perfectly in tablets and mobiles, but on desktops the expand icon does not appear, and therefore the five collapsed columns are impossible to see. Is there any way I can make the table responsive for desktops the same way it is for tablets and mobiles? Thanks!
David
Hello,
Yes, there is a workaround if you wish to have the Dekstop version of this table behave the same way with the 'expander' icon.
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.
Let me know if this helps.
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
Worked wonderfully, thanks!