It seems you made a table via another Table Plugin here, WP Table Builder?
If you need help with that table, please reach out to WP Table Builder Support, since that is not our Plugin.
But if you wish to try our Plugin, wpDataTables and explore our Responsive features, I will advise about that :
1. Our Responsiveness Feature can be used on almost all types of tables. It is just not available for Simple table type. We will first go over that, and later we will comment on Simple tables, too.
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.
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.
2. If you use our Simple Table type, it has some basic responsive options.
There can be a couple of different ways to do this.
For example, first enable the Responsive behaviour, in the table's "Responsive" settings/Basic Responsive.
Now, if you don't set to take the first row as Header row, in the Display settings,
it is going to place each row one beneath each other,
and it will just take the header rows in the same way.
But if you choose to have Headers as their own row,
then it looks like this
Here is an example for device Samsung Galaxy S20 Ultra
And one image for iPhone
So now as you see, it places them all one row beneath each other,
but it places the Header cell on the side.
-
You can also try with adding a vertical scroll, and you can decide the height of the scroll
All these responsive features are available in the free/Lite wpDataTables version as well as in our premium versions.
If you're interested to learn what you would get in the premium version, you can compare the features between all Plans from Lite(free), then Premium versions from the Starter all the way up to the Developer Level, in the Plugin back-end Dashboard, under "Lite vs Premium".
You can also see this on the pricing Page, but here in the Dashboard, we show more details about each specific feature, etc.
If you don't have any installation now on your WordPress, you can easily see this on our Demo Sandbox Website.
Let me know if that helps and if you have any questions.
And i just wanted to point out that you can try wpDataTables before purchasing
on our sandbox Demo sites ( you can find links for the main plugin Demo,
as well as add-on Demos, in my signature),
and there is a 15-day money-back guarantee period,
so if you purchase the plugin, you can safely fully test it out, and if it doesn't fit your needs you can request and receive a refund in that period. ( same goes for all plugins and add-ons)
hi we used your plugin but i see dont support mobile view please how fix this
Hello,
I can't see any wpDataTables Table on your Page.
It seems you made a table via another Table Plugin here, WP Table Builder?
If you need help with that table, please reach out to WP Table Builder Support, since that is not our Plugin.
But if you wish to try our Plugin, wpDataTables and explore our Responsive features, I will advise about that :
1. Our Responsiveness Feature can be used on almost all types of tables. It is just not available for Simple table type. We will first go over that, and later we will comment on Simple tables, too.
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.
2. If you use our Simple Table type, it has some basic responsive options.
There can be a couple of different ways to do this.
For example, first enable the Responsive behaviour, in the table's "Responsive" settings/Basic Responsive.
Now, if you don't set to take the first row as Header row, in the Display settings,
it is going to place each row one beneath each other,
and it will just take the header rows in the same way.
But if you choose to have Headers as their own row,
then it looks like this
Here is an example for device Samsung Galaxy S20 Ultra
And one image for iPhone
So now as you see, it places them all one row beneath each other,
but it places the Header cell on the side.
-
You can also try with adding a vertical scroll, and you can decide the height of the scroll
All these responsive features are available in the free/Lite wpDataTables version as well as in our premium versions.
If you're interested to learn what you would get in the premium version, you can compare the features between all Plans from Lite(free), then Premium versions from the Starter all the way up to the Developer Level, in the Plugin back-end Dashboard, under "Lite vs Premium".
You can also see this on the pricing Page, but here in the Dashboard, we show more details about each specific feature, etc.
If you don't have any installation now on your WordPress, you can easily see this on our Demo Sandbox Website.
Let me know if that helps and if you have any questions.
And i just wanted to point out that you can try wpDataTables before purchasing
on our sandbox Demo sites ( you can find links for the main plugin Demo,
as well as add-on Demos, in my signature),
and there is a 15-day money-back guarantee period,
so if you purchase the plugin, you can safely fully test it out, and if it doesn't fit your needs you can request and receive a refund in that period. ( same goes for all plugins and add-ons)
Let me know if you have any additional questions.
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