Hi Harshit, Can you please show us more details/steps, what you tried so far and what is the end goal?
- Please also confirm what is the table type, is it perhaps a Simple table or another one, like Manual table, etc?
- The Simple tables have a different responsive feature, please check more here.
- On the other hand, if you use another table type, please check this guide on how our Responsiveness feature works.
We will also provide an example of the Responsiveness configuration :
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.
i'm not able to set option in mobile for better view
Hi Harshit,
Can you please show us more details/steps, what you tried so far and what is the end goal?
- Please also confirm what is the table type, is it perhaps a Simple table or another one, like Manual table, etc?
- The Simple tables have a different responsive feature, please check more here.
- On the other hand, if you use another table type, please check this guide on how our Responsiveness feature works.
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 us know how it goes.
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