Add action button to columns header of Vue Datatable

Topic: Add action button to columns header of Vue Datatable

Riva pro premium priority asked a year ago

Does Vue Datatable support add an icon as an action button(going to have a hover message) to the column's header element? If we can, can I have an example of how to implement it? Thanks

Add comment

Bartosz Cylwik staff answered a year ago

0 0 Best answer

Hi, headers don't inject html content like normal rows does (example with action button https://mdbootstrap.com/docs/vue/data/datatables/#section-action-buttons).

You can try however looking for your header after the component mounts (onMounted + nextTick) and then adding some html to the th element. For example:

https://mdbootstrap.com/snippets/vue/b-cylwik/5559976#js-tab-view

Hope that helps. Best Regards!

Add comment