I am displaying 4 columns in my table by default (see directory-current.png). The table is a member/directory listing. I want to display additional contact information when a user clicks a table row. This can be in the form of an accordion or row expanding, or a modal window. I am flexible with the format of how the additional contact information is displayed. See directory-expanded.png for an example. Is the ability to assign a click behavior to each table row supported by wpDataTables and is the capability already built-in to the plugin?
Then, open each of these new columns settings and enable "Hide on tablet" slider. This will hide the columns under a "+" sign on tablet devices. To apply it for desktops as well, go to main settings of wpDataTables, and increase the tablet width to a bigger value (for example, 2000). That will tell the plugin to consider all displays which are under 2000px as tablets, thus hiding all this information under the "+" sign expandable on click.
I am displaying 4 columns in my table by default (see directory-current.png). The table is a member/directory listing. I want to display additional contact information when a user clicks a table row. This can be in the form of an accordion or row expanding, or a modal window. I am flexible with the format of how the additional contact information is displayed. See directory-expanded.png for an example. Is the ability to assign a click behavior to each table row supported by wpDataTables and is the capability already built-in to the plugin?
Hello Ryan.
Thank you for your purchase.
You can achieve this with enabling the Responsiveness feature.
You would also need to add all those columns that will be hidden:
Facility ID, Facility Name, Name, Cell Phone number, Email
Then, open each of these new columns settings and enable "Hide on tablet" slider. This will hide the columns under a "+" sign on tablet devices. To apply it for desktops as well, go to main settings of wpDataTables, and increase the tablet width to a bigger value (for example, 2000). That will tell the plugin to consider all displays which are under 2000px as tablets, thus hiding all this information under the "+" sign expandable on click.
Best regards.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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