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
5
votes
1 answer

react functional component with ag grid cannot call parent function via context

I am using ag-grid-react and ag-grid-community version 22.1.1. My app is written using functional components and hooks. I have a cellrenderer component that is attempting to call a handler within the parent component using the example found here. Is…
Lee Z
  • 679
  • 1
  • 8
  • 23
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
  • 757
  • 1
  • 12
5
votes
4 answers

How to configure date render format in AG-Grid

How can I set the render format of date columns in AG-Grid? When I look at samples I see dates in formats of dd/mm/yyyy, but my date columns always show up in a rather long format that looks like "Sat May 12 2012 01:00:00 GMT+0100 (BST)". I would…
Troy Peterson
  • 229
  • 3
  • 12
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
  • 639
  • 7
  • 26
5
votes
2 answers

ag-grid-react does not render properly

Following the sample from the docs: https://www.ag-grid.com/best-react-data-grid/index.php After creating new react app (have tried several times on different machines) create-react-app whatever If I apply the stylesheets (ag-grid.css &…
schmoopy
  • 5,599
  • 9
  • 49
  • 84
4
votes
1 answer

Move a row to the top/bottom or at any index ag-grid react

I have been trying to move a particular row to the top of the grid, but unable to find any solution. There is a default feature (Dragging row) available in the grid, which is not needed in this case. I have added a button using cell renderer and…
Vivek Singh
  • 51
  • 2
4
votes
2 answers

How to launch a method after a cell value has been edited in ag-grid?

I have this simple column: Here's its definition: { headerName: "Activité", field: "activite", editable: true, , cellClass: "cell-wrap-text" } Here's the method I want to launch every time the user enters a…
Ahmed Ghrib
  • 465
  • 1
  • 8
  • 22
4
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
  • 103
  • 1
  • 8
4
votes
2 answers

Using Ag-Grid Enterprise license getting a 'ag-grid: Looking for component [agSetColumnFilter] but it wasn't found." error

I've been using Ag-Grid's Enterprise feature "agSetColumnFilter" for months with no problem. I'm using the following versions: "ag-grid": "^17.1.1", "ag-grid-enterprise": "^17.1.1", "ag-grid-react": "^17.1.0", After a bit of…
Bruce Wang
  • 113
  • 9
4
votes
1 answer

ag-grid CellRenderer - how to render when other row data (props.data) changes?

I would like to have a cell rendered a certain way based on other data that is available in the props.data object that is tied to the row. But I can't figure out how to get the cell to re-render when that other data changes. I have a pretty simple…
Karen
  • 41
  • 1
  • 3
4
votes
1 answer

Aggrid gridReady event and async data race conditions

When using ag-grid with async data, the documentation suggest calling the api.setRowData(data) method. The problem is that the api is ready only after the gridReady event is fired. So I have a race condition and in order to solve I need to fetch…
undefined
  • 4,396
  • 5
  • 28
  • 60
4
votes
2 answers

How to Test AgGridReact with Jest/Enzyme

Does anyone know how to test AgGridReact with Jest/Enzyme? I'm trying to mock the onGridReady callback that should be invoked automatically, but it doesn't seem to be firing. Here's a simplified version of my test: import React from "react"; import…
lgants
  • 2,416
  • 3
  • 16
  • 28
4
votes
1 answer

AgGridReact not re-rendering on data change

I am passing rowData and columnDefs as props. Grid is loading properly. But, when the data is changed, Grid is not re-rendering. It is coming to the render of the parent component, and passed to AgGridReact. But, still not getting re-rendered.…
jintoppy
  • 759
  • 1
  • 8
  • 23
4
votes
1 answer

How to pass down event handler as prop in Ag-Grid-React?

I'm not sure if this isn't supported or if I just haven't figured this out yet with Ag-Grid-React. My problem: I need a button component to be rendered in each cell under a Delete Row column that has onClick and label as props. Upon the button being…
kelsonic
  • 115
  • 2
  • 8
3
votes
1 answer

How do I create a Pivot Layout in Adaptable

I am using Adaptable with ag-Grid React. I saw a video which said that a Pivot Layout can be created in configuration but I cannot work out how to do it. I am able to create and save 'normal' Layouts but I would like AdapTable to start up with my…
DanielleN
  • 33
  • 3
1
2
3
…
42 43