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:

637 questions
3
votes
1 answer

How to implement buttons inside a AG grid rows in react

I want to implement a AG grid table with a name, type columns. I want to add one more column "edit" in the table, and allow users to edit&delete the rows from the table. It will look like this: I get my data from the redux store, this is the way I…
mr_nocoding
  • 240
  • 9
3
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
  • 182
  • 2
  • 12
3
votes
1 answer

agGrid - How to hide dynamically generated column

In React agGrid hide: true in dynamically generated column definition is not working. My code snippet as below: if(data.length > 0) { for (var key in data[0]) { var obj = {} obj.headerName = key; obj.field = key; …
KOUSIK MANDAL
  • 1,781
  • 17
  • 36
3
votes
1 answer

AgGridReact - Grid does not update when isRowSelectable changes

I am trying to pass isRowSelectable dynamically as a prop to an AgGridReact. In the following toy example, You expect that clicking the "Switch criteria" button will change the set of items in the grid that have checkboxes. Instead, the grid is…
Mike Cantor
  • 85
  • 8
3
votes
1 answer

How to get the selection order in ag-Grid?

I'm using the grid api to get the selected rows by using the function getSelectedRows(). However, the list of rows seems to be unordered, i.e the items are not in the order I selected them in. Is there another way to get the selected rows in the…
tbr
  • 33
  • 3
3
votes
1 answer

How can I test the content in ag-grid using testing-library?

I am trying to write a few simple tests that the headers and data I want to render are showing up as expected. I created a repo - https://github.com/olore/ag-grid-testing-library to reproduce. The table looks as I would expect when opened in a…
olore
  • 3,913
  • 3
  • 21
  • 37
3
votes
1 answer

react hook useState in AgGridColumn onCellClicked function

Currently, I am using functional react components with react hook useState and an AgGridReact Component. I am displaying an AgGridReact and put a onCellClicked function on a AgGridColumn. So far everything is working. In the onCellClicked function I…
anvin
  • 97
  • 6
3
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
  • 43
  • 5
3
votes
0 answers

AG-Grid React - Custom Floating Filter dropdown - not showing in the front of grid

I have implemented the Ag-Grid Custom floating filter in React as a dropdown with values of that particular column like in excel In this image Floating filter height has been extended to show the expected output as in this image 1 but what if the…
vijayrahul
  • 31
  • 3
3
votes
1 answer

ag-grid: access row data in filter test function

While using custom filter options in a grid column I encountered the need to compare the cellValue with some other value of the same row and can't seem to find how to do so, given that no reference to the row data is passed to the test function.…
bockzior
  • 426
  • 1
  • 6
  • 17
3
votes
0 answers

Show a transposed grid

Is there an option, or a reasonably simple way in code, to get ag-grid to show a transposed grid? By that I mean transposing rows and columns; columns down the side, rows across the top; column and row styles transposed to match. I'm using React,…
david.pfx
  • 9,271
  • 2
  • 19
  • 54
3
votes
2 answers

AgGrid: How to blink cell in different color depending on change

I'm using ag-grid-react like this: import { AgGridReact } from "ag-grid-react"; import "ag-grid-community/dist/styles/ag-grid.css"; import "ag-grid-community/dist/styles/ag-theme-balham.css"; and declares it like this in render(some details removed…
Peter Andersson
  • 1,808
  • 3
  • 27
  • 38
3
votes
3 answers

AgGridReact component not updating when autoGroupColumnDef changes

I'm using ag-Grid with React to test their enterprise row grouping feature. I want to change the row grouping column name during runtime, but I haven't been able to do this. When I make changes to AgGridReact's columnDefs prop, the changes are…
Galen Long
  • 2,901
  • 1
  • 22
  • 32
3
votes
1 answer

ag-grid: Switch between fullRow editing and single cell editing based on rowNode content

I have certain rows in my grid that should trigger fullRow editing because most of the data is blank. Some of the columns should be required columns as well. Is there a way to make certain rows (based on rowNode data) fullRow editable while…
anthozep
  • 323
  • 4
  • 14
3
votes
0 answers

Is it possible to use ag-grid infinite scroll with react-redux and hooks?

I am using react-redux with hooks, and am trying to display data with ag-grid and infinite scroll work and haven't had any luck. I've made many attempts; here's what I have for now - import React, { useEffect } from 'react'; import { useSelector,…
user210757
  • 5,604
  • 12
  • 54
  • 94
1 2
3
…
42 43