I have a table I have put a column width to 10% however when I collaps all other columns on mobile except one other I have one column that is 90% and one that is 10% which looks wack.
Is there any way in the css to play with this dependent on screen size? I tried @media but the css doesn't like it.
Hi there!,
I have a table I have put a column width to 10% however when I collaps all other columns on mobile except one other I have one column that is 90% and one that is 10% which looks wack.
Is there any way in the css to play with this dependent on screen size? I tried @media but the css doesn't like it.
Thanks!
Hi, Mee.
Thanks for reaching out to us.
Could we take a closer look at the page where you have this table,
and the back-end setup - i presume you are using the custom CSS in the table settings/Customize/Custom CSS?
We do already have some old site access, but not sure which site it is - better to double check the URL and the Admin credentials,
and of course - please send this as a PRIVATE message for safety.
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
Hi, Mee.
It seems i found the workaround with CSS.
First i added a CSS class to each of these columns, i just named them as the column names, with small letters;
Then i added this CSS to Customize/Custom CSS of the table :
Now you can manipulate to set specific width in percentage for each of them;
or you can set the same class to both, something like "50percent" and then for any column you need to be 50% width,
you can set that CSS in the main plugin settings/Custom JS and CSS/Custom CSS,
so in all tables if you give that class to any column - it will take 50% width just on mobile screens,etc;
it depends what will be the best way for your use-case.
Let me know if that 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
Great, thank you very much!