Button on Datatable header column

Webix JS
#1

Is it possible to have a clickable button on datatable’s header column title?

This button will trigger a popup box or any other routine defined later on the script.
This button also should not affect the sorting of the column.

Here is the snippet I’m working on:
https://snippet.webix.com/eir00go3

Currently the button is not doing anything (maybe I’m using wrong listener) and also on every click, column’s sorting is working (this should not happened). Sorting should be working if I click on the header’s column (anywhere but not on the button itself).

#2

onClick listeners should be defined on table, not column.
to prevent default action on click, you need to return false in listener.
https://snippet.webix.com/sfzo787c

#3

Hello @tengkie,
As an option, you can use the specific click event for header.
Add listener to onHeaderClick event and write your logic for button. To block the default click behavior use return false;
Please check the snippet:
https://snippet.webix.com/5jxe8y6t

#4

Thanks @integral & @annazankevich for the help!!