Category : ag-grid

I have created AgGridReact component with a server-side data source. Everything worked fine with v24, but I have updated the library to its latest version (v25.3) and now the grid just keeps loading data without displaying it. I have updated the code as shown on ag-grid’s official page (https://blog.ag-grid.com/upgrading-to-ag-grid-v25-server-side-row-model/) but it did not help. import ..

Read more

Whenever I fetch data from any server to display it in ag-grid, ag-grid does not maintain the column order for the column that uses valueGetter to choose the value and puts that column automatically at the end. The problem is replicated in the following code sandbox link: https://codesandbox.io/s/ag-grid-column-ordering-bug-bz055 as a minimum reproducible example The data ..

Read more

Trying to use ag-grid to create a chart and getting this weird space on the left-side. Here is an example image of one of the charts from ag-charts docs with space in question marked: link to marked chart image. Also, here’s a link to the docs running the chart live as well: https://www.ag-grid.com/javascript-charts/gallery/100–stacked-area/ It looks ..

Read more

I have a request for the best solution to this AG-Grid situation. Currently using version 25.3.0 Enterprise. Have a set of rows with values in each row representing school grades. We represent each grade numerically like this: -1 = Pre-K display as: PK 0 = K display as: K 1 = First grade display as: ..

Read more

This is what looks for now, https://www.ag-grid.com/examples/component-header/header-component/modules/vanilla/index.html. It use the custom header component to render column headers. The button in front of Age is clicktable. Press tab until Age column is focused. Then press enter, the button will not be trigged. How to add this a event listener to it? Source: Ask Javascript..

Read more

Below is my React ag grid code. I am trying to pass the processCellCallback function, but I don’t see the console.log coming to the browser console when I do export excel operation. Any idea what am I missing? <StyledTableRoot className=’ag-theme-alpine’ style={{ height: 600, width: ‘98%’ }} > <AgGridReact gridOptions={GRID_OPTIONS} onGridReady={onGridReady} rowData={rowData} onFirstDataRendered={onFirstDataRendered} onFilterChanged={onFilterChanged} frameworkComponents={{ actionsRenderer: ..

Read more

I’m quite new to javascript and ag-grid and have been following what’s in the tutorial to move forward. in ag-grid’s tutorial, remote data can be fetched using the code below: // fetch the row data to use and one ready provide it to the Grid via the Grid API agGrid.simpleHttpRequest({url: ‘https://www.ag-grid.com/example-assets/row-data.json’}) .then(data => { gridOptions.api.setRowData(data); ..

Read more