Hi there.
Our tables have “responsiveness” feature, which can be enabled under “Display” tab above the table. It allows you to hide some columns on mobiles and tablets.
To achieve something similar to a detail list, you would need to have the following columns:
Last Name
First Name
Address
City
State
Then, when you open settings for each of the following columns individually:
First Name
Address
City
State
You would need to enable “Hide column on tablets” slider. This can be tweaked, so it behaves the same on desktops. Simply go to main settings of wpDataTables, and set the Tablet Width to a value greater than a desktop monitor (2000 is a good example for Full HD monitors). This way, the plugin will consider anything below 2000px as tablets, and hide the mentioned columns under a “+” sign in the first column, so when it is expanded it will display all these details just like you mentioned in your question.
Please take a look at our documentation, on our official website, for more details about this and all other features of the plugin.
Best regards.
