Ag-grid Angular How to get click events on Header?

Question

Is there any way to get notified of click events on ag-grid\'s header in Angular?

The -Component offers multiple events for cli

Answer 1

You could basically listen to the "sortChanged" event, that ag-grid provides when you click on the default header.

Answer 2

I think this may be possible if you define the header component (see: Header Components). In your template for the header component you can create a div element (or any other container element) and define the (click) event handler. This worked for me:

<div (click)='onHeaderClick($event)'>
  <p>Name</p>
</div>

(Of course you'd probably want to pass the header title in the parameters to the agInit() method, since you wouldn't want to create a separate header component for every header!)