ag-grid-ng2

Is there a way to capture click event on header . similar to rowClicked event on rows . 来源： https://stackoverflow.com/questions/44410163/ag-grid-angular-how-to-capture-click-in-column-header

I'm trying to implement a server side pagination in ag-Grid where I'll make a SOAP call each time I click on the next/previous button. I have already implemented the function with the specific page number so I can retrieve my row data and pass it to the Grid. Any good examples on how to do that? Thanks in advance. After digging ag-grid Library for the whole day , I finally found the solution. First Lets include the following options in our GridOptions; GridOptions : gridOptions: GridOptions = { pagination: true, rowModelType: 'infinite', cacheBlockSize: 20, // you can have your custom page

I have two different grid configurations (represented as two gridOption objects). One is loading local data, where the other one is using an elasticsearch datasource with the infinite row model. If I wire them in the template [gridOptions]="localOptions" , [gridOptions]="elasticGridOptions" both work perfectly well. This is my current component and (schematically) what I want to achieve: @Component({ selector: 'app-gridtest', styleUrls: ['./gridtest.component.css'], template: ` <ag-grid-angular id="grid" style="width: 100vw;" [style.height] = 'height' class="ag-theme-balham ag-grid"

I have a simple ag-grid in an Angular project and want to disable selection of cells in one of its columns. Simply removing the default blue outline during selection would also be fine. I just want no visual change to the cell when the user clicks inside it. How can I do this? I see that ColDef has a property suppressNavigable that sort of helps, since it disallows using the tab key to select the cells, but it still allows selection by clicking. Also, the grid itself seems to offer suppressCellSelection but it doesn't seem granular enough and doesn't seem to affect anything anyway. So, how can