ag-grid Questions

11

Solved

is it possible to disable checkbox selection by preserving some selected rows rendered with some constraints? I dont want to allow users to deselect rows which were selected while rendering. I fo...
Promotive asked 9/4, 2018 at 10:58

5

We are using Angular to visualise an AG grid. We want the headers of the ag grid to be translated in the language of the user. Ag grid code: <ag-grid-angular class="ag-theme-material" ...
Mastitis asked 3/10, 2018 at 14:44

2

I am trying to export the ag-grid data to CSV. The issue is, it exports only the visible data OR the in-memory data received from HTTP call while considering paginationPageSize, maxBlocksInCache,...
Lagunas asked 28/12, 2017 at 11:32

1

Using angular and a server side data source, I want to be able to load the grid at a specific page number. This will help me support the user using the back button as they go from list pages (aggri...
Vive asked 19/9, 2019 at 23:48

3

By default Ag Grid Quick Filter function return rows that contains search string. For example if I type "30 June" in the searchbox, quick filter will also return rows that contains "...
Bugger asked 6/4, 2021 at 13:23

9

Solved

I have upgraded my ag-grid version from 7.2.0 to v14.2.0. When I use sizeColumnsToFit() api with onGridReady or onGridSizeChanged event, it works but it keeps unnecessary horizontal scroll, may be ...
Metaxylem asked 23/11, 2017 at 11:20

9

Solved

I need to provide a background color for an entire row in ag grid based on a condition in a column. I found no such examples where entire row is colored based on a certain value in a column..
Catamount asked 10/12, 2015 at 11:8

3

Solved

I'm trying to get sort model from ag-grid-react component using getSortModel() but I'm getting getSortModel is not a function my code onSortChanged={useCallback(e => console.log(e.api.getSortMo...
Serotonin asked 16/6, 2022 at 2:30

4

I try to test ag-grid component using Jest: describe('DataGridInternal Component Tests', () => { it('includes class names on DataGrid', () => { const component = mount(<DataGridInternal...
Bohon asked 1/11, 2019 at 19:48

5

Solved

Before ag-grid v11.0, sizeColumnsToFit() fired with an event that did not pass the parameter 'finished=true'. When a user manually resized a column, the event would pass 'finished=true' once the re...
Holmic asked 26/7, 2017 at 17:59

2

I am trying to place a mat-progress-spinner inside of my agGrid when there are no rows to show. Something like this works: private overlayNoRowsTemplate = '<p>No rows to show.</p>'; ...
Schouten asked 27/7, 2018 at 19:53

3

Solved

We need to edit the cell navigation in AG-Grid but I am not finding a way to do what we need. This is not a huge change but a crucial change for our users. The navigation rules we need is similar t...
Frisby asked 6/10, 2017 at 14:28

2

I'm using the enterprise ag-Grid version in my project. I found tooltip supporting under the box and make as follows: columnDefs = [ { headerName: 'USER NAME', field: 'userName', sortingOrder: ...
Tonguelashing asked 30/7, 2018 at 7:56

11

Solved

How to hide the column in AG-Grid and also it should not be displayed in Tool Panel... var columnDefs = [{ headerName: "Stone_ID", field: "Stone_ID", width: 100, hide: "true" }]
Tully asked 22/6, 2016 at 11:56

6

I am using an angular 5 with ag-grid data table i cant able to trigger a click event from cell using cellRenderer here how am using my ag-grid --> colDefs this.columnDefs = [ {headerName: '#', ro...
Potvaliant asked 9/6, 2018 at 21:21

3

Solved

I'm new to AG-Grid, so forgive me if this is a dumb question. We're using the OSS version of Ag-Grid in an Angular 5 application. I have a column where I am combining two sets of summary data and s...
Disintegrate asked 28/2, 2018 at 21:31

6

Solved

I am using the framework ag-grid () I have changed the row-height to 50px. <div className="ag-theme-balham" style={{ height: '90vh', width: '100%', 'font-size': '18px', 'row-h...
Hawthorn asked 29/11, 2018 at 13:54

2

Solved

I use Ag-Grid together with Angular and I would like to listen to any event that modify column state. As of now, I have to list all events: (columnVisible)=onCol($event) (columnMoved)=onCol($eve...
Reverent asked 22/2, 2019 at 9:21

2

Solved

I'm using the ag-grid-react component, and I'd like to be able to change the column headings in my grid in response to events within my React component. I can see that the column API has a getDispl...
Lamelli asked 16/1, 2017 at 12:25

5

Solved

As an example, I have a Master\Detail grid. Master\Detail defined as key-relation model and on getDetailRowData method parent node data exists in params but how to get parent node data from ...
Kist asked 11/12, 2018 at 10:47

1

I'm not sure if there is a way to do this but I feel like there should be. Maybe I'm just not finding it. I have a custom cell renderer in the detail view and thought I could use something out of I...
Ophthalmoscopy asked 12/7, 2023 at 14:12

3

Solved

I want to set a Default value to a Column filter in Ag-Grid, which is active after initialization. How can I do that?
Haveman asked 2/9, 2016 at 17:9

6

If any cell in ag-grid has numeric value like decimal, int or numeric i want that cell to be right aligned. this.defaultColumnDefs = { width: 75, exportColumn: true, type: 'numericColumn', cell...
Muimuir asked 25/9, 2020 at 8:59

1

Now I have a column eg name is "age" {headerName: 'age', field: 'age', filter: 'agNumberColumnFilter', aggFunc: 'sum'} I add a sum aggFunc on it, so the result of header name is changed...
Monogyny asked 7/8, 2020 at 8:11

21

Solved

I have searched for awhile now and haven't seen any real example of this. I am using ag-grid-react and I would like for a column that holds a boolean to represent that boolean with a checkbox and ...
Finsen asked 17/1, 2017 at 20:57

© 2022 - 2025 — McMap. All rights reserved.