Hi,

 I would like to add info about the column in a popover that would show when a user hovers on column header / name. Is such a thing possible?

Thank you for your response.

Thank you for your reply. I can setup the code, though I have no idea where to put it in order to apply it for the specific header of a specific column. Can you give me an advice?

Thank you.

Unfortunately neither of the plugins worked / were suited for my need, but thanks anyway. 

I finally figured it out, and will share it below:

One needs to enable JS on page that will contain the table on the frontend. The easiest way for me was via plugin 'Insert Headers and Footers', but perhaps using WPDataTables option for inserting custom JS (in the plugin Settings) might work as well. The working scripts are then below:

<script>

$('th:contains("your_frontend_column_name")').popover({
  html: true,
  trigger: 'hover',
  placement: 'top',
  content: function () { return 'Popover text.'; }
});

</script>

There are also prerequisition scripts that I wasn't for some reason able to include in this reply, so i'm attaching .txt file where they are written down. Just paste all scripts into header or footer filed of the above mentioned plugin, or try it with Custom JS option in WPDT, and it should work. 

Thank you. I found out there is a minor problem with bootstrap versioning.. unfortunately I haven't found a stable bootstrap version that would work for both WPDT end (which if I understand correctly uses 3.3.7) and this workaround. If I use higher bootstrap version for the workaround, some features (like showing a form when adding new entry on frontend) do not work in WPDT, and if I use older versions of bootstrap, the workaround itself does not work properly. I found another workaround though, which is easier for setup as well as do not need bootstrap, and it works fine:

<script type="text/javascript">

tippy('#your_table_id', {
 target: 'your_column_selector', 
  content: function () { 
  
 return 'Returned message.'; },
  placement: 'top',
  animateFill: false,
  animation: 'scale',
  arrow: true

});
</script>

Again adding attachment with dependencies.