Stack Overflow
Stack Overflow

Questions tagged [ag-grid-react]

ag-Grid is an advanced user interface grid designed to integrate deeply into React. Questions related to this tag should target specifically the use of ag-grid with the React JavaScript library.

Github repository: https://github.com/ag-grid/ag-grid

Related tags:

1022 questions
6
votes
1 answer

How to change the color of selected row in ag grid?

I need to change the selection color from blue(default color) to red bordered blue color in ag-grid. Refer the pic the blue color should be converted to thick blue with red border
Joseph Nannepaga
  • 175
  • 1
  • 3
  • 14
6
votes
3 answers

ag-grid modify Row Group's Header name

I'm using ag-grid to display a table which has a Row Grouping. The column that I group by is invisible since its value holds no meaning. So for example, I will have the following (fully collapsed) table: --------------------------------- | H1 …
Airwavezx
  • 898
  • 5
  • 14
  • 26
6
votes
3 answers

How to prevent row selection after clicking on link inside custom rendered cell in AgGrid

I am using AgGrid and have rowSelection="multiple" on my grid, have {cellRendererFramework: PrintCell} on the last column, which is a small component that displays a link. I want it so, when I click on the link inside PrintCell, a certain action…
Abderrahmane TAHRI JOUTI
  • 3,514
  • 2
  • 26
  • 43
6
votes
2 answers

How do I change column headings after the grid has been displayed?

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 getDisplayNameForColumn() function, but I can't find an…
Paul
  • 163
  • 1
  • 7
6
votes
1 answer

AG-Grid with Redux

In my job we decided to use AG-Grid in react variant: https://www.ag-grid.com/best-react-data-grid/index.php Currently, our architecture for React is Redux. From my little knowledge of AG-Grid I can say that it doesn't fit very well to this…
Amio.io
  • 20,677
  • 15
  • 82
  • 117
5
votes
0 answers

Warning: flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering

My console is flooding with this below warning. Don't know if it is coming from ag-grid or it's from my code. Warning: flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this…
mused
  • 79
  • 6
5
votes
0 answers

AG Grid React does not render cell values when testing using Enzyme and RTL

so recently we updated ag-grid-react and ag-grid-community from 27.0.1 to 28.0.0 and previous working tests now fail. Test tries to get a value from a row cell and compares to the given one. Test (v. 27.3.0) describe("Simple list rendering", () =>…
hKRRR
  • 51
  • 5
5
votes
1 answer

Ag grid using framework cell renderer keeps re-rendering on any store change

Trying to implement a custom cell framework renderer with React and it seems simple enough. Create the React component, register it with frameworkComponents. The data that populates rowData is coming from my redux store. The custom cell renderer is…
mclslee
  • 458
  • 1
  • 5
  • 15
5
votes
2 answers

AgGrid: applyColumnState is not a function

I am using ag-grid in my project and I have problem with applying state of table. Here is my code fragment from onGridReady function: this.gridApi = params.api; this.gridColumnApi = params.columnApi; if (!window.colState) { …
Sowam
  • 1,674
  • 3
  • 12
  • 30
5
votes
3 answers

How to change default font size for ag-grid row cells in react js?

I am using ag-grid table for first time. I am not able to change the default font size of row cells(Not header portion). I want to change the font size of row cells(row data). I am using ag-theme-alpine. Here is the code which I am using. import…
aleena reji
  • 109
  • 1
  • 1
  • 7
5
votes
1 answer

AG-Grid React, trouble getting custom cell renderer to update when data changes. Function components are behaving differently than class components

I'm using AG-Grid throughout a react application, and in several instances I want a cellRenderer to update when grid data changes. In both of the following cases, the cellRenderer loads correctly initially, but doesn't update when data changes: A…
M Wellman
  • 63
  • 1
  • 1
  • 5
5
votes
0 answers

Why is `doesFilterPass` not being called in this custom filter

It's my understanding that when filterChangedCallback is called that the grid filters the current data and calls doesFilterPass and isFilterActive as it does so. Here I have column that uses a custom filter, and a floating filter. The floating…
Andy
  • 61,948
  • 13
  • 68
  • 95
5
votes
1 answer

Errors using ag-grid-react with typescript

After quite a bit of googling I still can't find examples of using ag-grid-react with typescript, though the ag-grid-react project appears to have typescript typing. In my react app, I've installed ag-grid-react: npm i --save ag-grid ag-grid-react…
Mike Cantor
  • 155
  • 1
  • 10
5
votes
2 answers

DatePicker doesn't work when stopEditingWhenGridLosesFocus option is true

In this example clicking on a date it is possible to edit it, but if you use the option "stopEditingWhenGridLosesFocus", the date picker doesn't work anymore. Is it possible to fix this?
michoprogrammer
  • 1,159
  • 2
  • 18
  • 45
5
votes
2 answers

Can't select row for removal in React AG Grid

In React and based on the docs [here][1], I'm trying to select an AG Grid row for removal with this code: class MyComponent extends Component { constructor(props) { this.state={rowSelection: 'single'} } …
kaidez
  • 679
  • 8
  • 27
1 2
3
…
68 69