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.
When i visit your page from a mobile device, it seems OK to me.
I can see you got 2 columns showing and others collapsed, like this
And if i click in the expander icon, it expands the row to show more columns on that record.
Could you elaborate a bit more about what is your desired goal and we can advise?
I will also share a basic example with you, i hope that might help.
For mobile screens, a typical layout with our built-in responsive setup can be, for example, like on this screenshot, two columns showing fully, ( you can choose one or more to be "visible") and the rest of the columns, "hidden",
then there is an " + " button, to open a certain row, and show all the details, of course.
For example, if i got this table
And if i only select columns Client and City, to show on mobile screen, go to Column List:
The little mobile image is used to display on mobile screens, and the one to the left of it is for tablets;
This is the result:
Please check out this Documentation section with a step-by-step example of how to achieve this, and let me know what you think.
hello
how can i make better responsive?
kr
david
Hi David,
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.
When i visit your page from a mobile device, it seems OK to me.
I can see you got 2 columns showing and others collapsed, like this
And if i click in the expander icon, it expands the row to show more columns on that record.
Could you elaborate a bit more about what is your desired goal and we can advise?
I will also share a basic example with you, i hope that might help.
For mobile screens, a typical layout with our built-in responsive setup can be, for example, like on this screenshot, two columns showing fully, ( you can choose one or more to be "visible") and the rest of the columns, "hidden",
then there is an " + " button, to open a certain row, and show all the details, of course.
For example, if i got this table
And if i only select columns Client and City, to show on mobile screen, go to Column List:
The little mobile image is used to display on mobile screens, and the one to the left of it is for tablets;
This is the result:
Please check out this Documentation section with a step-by-step example of how to achieve this, and let me know what you think.
https://wpdatatables.com/documentation/table-features/responsiveness/
-
So, i will advise to check if you selected the two columns that you need to be both visible on mobile;
see them on column list; and set them visible on mobile, while keeping the other column grayed out.
Let me know if that achieves your goal, or if you need something else please show us more details.
You could add screenshots or a video.
Just if it shows any confidential data, please mark the reply as Private for safety.
Thanks.
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