Ag-Grid multi sort columns without key

Question

I have implemented sorting of the the selected items in AG-Grid on a button click other than header click.
Ag grid by default needs a ctrl/shift key to be pressed while selecting multiple columns. I want to override this behavior and use the above button as flag instead of key press.

Is it possible to do this? I do not want Pinned rows.

Answer 1

You can use the ag-grid sorting API. It is documented here . Using this you can update the sort model on button click.

Answer 2

Did some hack and made it work.

 /*onGridReady of ag-grid options*/ onGridReady: () => this.agHeaderClickListener() /** This function adds listener to Ag grid header click event for all columns */ agHeaderClickListener() { console.log( this.elRef.nativeElement.querySelectorAll('.ag-header-cell-label')); let nodeList = this.elRef.nativeElement.querySelectorAll('.ag-header-cell-label'); for (let node of nodeList) { /** IE Fix */ if (node.addEventListener) { node.addEventListener('click', this.selectionChanged.bind(this)); } else { node.attachEvent('onclick', this.selectionChanged.bind(this)); } } } 

use the selectionChanged(event: any) to do the logical changes you want