Hi Vlad,

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.

-

I am not sure if i understood your goal.

First I will show an example of a typical Responsiveness use-case for Mobile screens with our dataTables.

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.

( We have added an option to choose which action will be performed to open a row/ if you need it as the default + icon, or if you wish to press on a cell or on a row, in this example we just show with the + icon)

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;

Or if you just want the first one to be visible, then when a user clicks the + expander icon, the row expands to show all the data.

Here is an example, if i just place one Column visible on Mobile screen, while having to expand a row to see other fields expanded :

That is how our Responsiveness Feature works with our current Capabilities.

But if i understood you, it seems you would like to get a more 'classic' Responsive Design, which is what we currently have for our Simple Tables?

For Simple Tables, if you activate their Responsive option in the Display Settings,

Enabling the responsive mode basically pivots columns into rows.

We will show an example from our Documentation, this is the Simple Table without responsive option enabled:

 If you don’t enable the option to use the first row as table header, each cell will be located in a separate row.

When column headers are enabled, on tablets and mobiles the table is split into 2 columns and as many rows as there are columns, only repeated for every new row in the table. For example, when Responsive mode and column headers are enabled, the table will look like this on tablets and mobiles.

If you mean to achieve this kind of Responsive Design, that is only available for our Simple Tables at the moment.

For other Table types, we only have that "collapse with the option to expand row" Responsiveness Feature.

If you have an idea how we can improve that,

Please feel free to search on our suggestions page, 

 to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.