Is it possible to create a tooltip when clicking on a row? I would like to create a tooltip that pops up when clicking on a row, displaying a chart with x and y values in a line. So I basically need to create a DIV as a tooltip, give this DIV and ID and render my Javascript
Displaying data on hover is not possible, but there are a couple other options.
You can enable Responsiveness in the table, and choose which columns will be hidden from front-end on tablet devices. Then, you can go to wpDataTables settings, and change the tablet's width to a bigger value (2000 for example). When you do this, the plugin will consider all screens below 2000px as tablets, and hide the selected columns which would be available on-click. A "+" sign will appear in the first column, so when you click on it the data hidden will be displayed.
You can choose which columns would be hidden from the table, and then include those columns in a Master-detail pop-up or on a page (depending on how you want to set it up).
However, while you can create wpDataCharts from existing tables, and paste them in string-type columns' cells, they will not be displayed when using Responsiveness or Master-Detail tables add-on.
If you do need this feature, I'm afraid it will have to be custom developed, and unfortunately custom work isn't included in the provided support for the plugin.
Thanks for your reply. I customised the table using basic jQuery mouseover and mouseout. Apparently it´s not possible to create a tooltip effect on the tr element, but the DIV appends after the last td element
The issue here is that you may have included a wrong selector. However, this is considered a custom solution, which doesn't fall under included support, so anything beyond advice is something I cannot offer. You'll probably need to dive into your code a bit more, and I'm sure you'll be able to resolve the issue.
Is it possible to create a tooltip when clicking on a row? I would like to create a tooltip that pops up when clicking on a row, displaying a chart with x and y values in a line. So I basically need to create a DIV as a tooltip, give this DIV and ID and render my Javascript
Hello Maria.
Thank you for your purchase.
Displaying data on hover is not possible, but there are a couple other options.
You can enable Responsiveness in the table, and choose which columns will be hidden from front-end on tablet devices. Then, you can go to wpDataTables settings, and change the tablet's width to a bigger value (2000 for example). When you do this, the plugin will consider all screens below 2000px as tablets, and hide the selected columns which would be available on-click. A "+" sign will appear in the first column, so when you click on it the data hidden will be displayed.
Another option would be to acquire our paid add-on Master-Detail Tables.
You can choose which columns would be hidden from the table, and then include those columns in a Master-detail pop-up or on a page (depending on how you want to set it up).
However, while you can create wpDataCharts from existing tables, and paste them in string-type columns' cells, they will not be displayed when using Responsiveness or Master-Detail tables add-on.
If you do need this feature, I'm afraid it will have to be custom developed, and unfortunately custom work isn't included in the provided support for the plugin.
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
Hi Aleksandar
Thanks for your reply. I customised the table using basic jQuery mouseover and mouseout. Apparently it´s not possible to create a tooltip effect on the tr element, but the DIV appends after the last td element
https://marialaustsen.com/feedback/detailed-view-comments/
Cheers
Maria
Hi again Maria.
The issue here is that you may have included a wrong selector. However, this is considered a custom solution, which doesn't fall under included support, so anything beyond advice is something I cannot offer. You'll probably need to dive into your code a bit more, and I'm sure you'll be able to resolve the issue.
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