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
8
votes
3 answers

How to access ag-Grid API in React function component (useState hook)?

What is the best way of accessing ag-Grid API inside of React function component? I have to use some of the methods from API (getSelectedNodes, setColumnDefs etc.) so I save a reference to the API (using useState hook) in onGridReady event…
user1068352
  • 591
  • 6
  • 14
8
votes
2 answers

ag-grid webpack css not making to the website

I am using ag-grid in my react app, cannot make the css work with webpack. grid is looking like this image: const path = require("path"); var webpack = require("webpack"); let HtmlWebpackPlugin = require("html-webpack-plugin"); let…
johnny
  • 2,032
  • 1
  • 25
  • 45
8
votes
3 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
  • 6,419
  • 11
  • 54
  • 89
7
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
  • 472
  • 7
  • 16
7
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
  • 802
  • 2
  • 13
  • 39
7
votes
2 answers

How do you wrap a forwardRef component with a HOC?

How do you go about wrapping a forwardRef component? For example, in my Cell Editor: import React, {useEffect, forwardRef, useImperativeHandle, useRef} from "react"; export default forwardRef((props, ref) => { const inputRef = useRef(); …
Iruss
  • 229
  • 4
  • 13
7
votes
3 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
  • 695
  • 4
  • 13
  • 29
7
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
  • 142
  • 2
  • 10
7
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
  • 461
  • 1
  • 5
  • 16
7
votes
1 answer

AGGrid with react, calling this.gridApi.sizeColumnsToFit(); is not fitting columns

My problem is my grid won't remain repsonsive at all, or if I try to create a grid not as many columns the whole grid just looks weird. I'd like for it to stretch out to its containers width. Which is what I'd expect sizeColumsToFit To do. I'm…
Karan
  • 1,141
  • 2
  • 19
  • 42
7
votes
4 answers

agGroupCellRenderer not found

I upgraded the ag-grid & ag-grid-react to 14.2.0, but I still get this warning: ag-grid: Looking for component [agGroupCellRenderer] but it wasn't found. My column definitions: let columnDefs = [ {headerName: 'Name', field: 'userName',…
krishna sinha
  • 71
  • 1
  • 1
  • 2
7
votes
3 answers

ag-grid react table not displaying?

New to react and ag-grid. I'm trying to implement a trivial example of ag-grid in my react project. When I run the project, the grid doesn't display. No console warnings, just the grid doesn't display. import React from 'react'; import…
Brom Quinn
  • 325
  • 1
  • 3
  • 8
7
votes
3 answers

Can a cellRenderer function in ag-Grid return a React component?

I would like to use a cellRenderer in React for most of my columns. So, in my colDefs, I have an additional field called unit. If the unit exists, I am trying to have a heatMap like color grid which is handled in my TableCell React component. This…
dsh
  • 440
  • 1
  • 5
  • 12
6
votes
2 answers

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
  • 155
  • 1
  • 10
6
votes
3 answers

Is there a onScroll event for ag-grid

I am looking for a scroll event on ag-grid, I want to know when the scroll reaches the end and load the next set of rows, I know if you set the infinite scroll mode then ag-grid calles the getRows method, but in my application I do not get the next…
vikas mittal
  • 595
  • 2
  • 6
  • 11
1
2
3
…
68 69