ag-grid-react Questions

4

Solved

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)...
Strangeness asked 3/2, 2019 at 14:36

2

Solved

I would like to remove the column menu. I can simply display: none it, but it seems a waste to process and render it in the first place. I can only find options on how to edit items inside the menu...
Ralleigh asked 24/1, 2018 at 15:11

4

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 ite...
Cartouche asked 22/9, 2020 at 17:23

4

Solved

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-a...
Winnah asked 6/6, 2020 at 14:33

4

Solved

How to get the focused cell value at the time focussing on the cell by using the keyboard arrow keys
Generality asked 17/7, 2018 at 15:44

3

I am using ag-grid, I want the columns width to be dynamic according to the grid content, I do it by using: const onGridReady = params => { params.columnApi.autoSizeAllColumns(); }; but the wi...
Grove asked 6/12, 2020 at 15:51

3

Solved

I have a cell renderer that returns the name property and objects on a row: const nameRenderer = ({ value, data }) => { const { id: queueId } = data; return ( <Box> <div className=&...
Dysgraphia asked 19/9, 2020 at 1:52

1

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 ...
Sixfold asked 28/4, 2023 at 10:40

3

Solved

I'm trying to get sort model from ag-grid-react component using getSortModel() but I'm getting getSortModel is not a function my code onSortChanged={useCallback(e => console.log(e.api.getSortMo...
Serotonin asked 16/6, 2022 at 2:30

2

Solved

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 getDispl...
Lamelli asked 16/1, 2017 at 12:25

1

I'm not sure if there is a way to do this but I feel like there should be. Maybe I'm just not finding it. I have a custom cell renderer in the detail view and thought I could use something out of I...
Ophthalmoscopy asked 12/7, 2023 at 14:12

21

Solved

I have searched for awhile now and haven't seen any real example of this. I am using ag-grid-react and I would like for a column that holds a boolean to represent that boolean with a checkbox and ...
Finsen asked 17/1, 2017 at 20:57

8

Solved

My question primarily revolves around this statement in the docs w.r.t. the react component: cellEditor Params onKeyDown Callback to tell grid a key was pressed - useful to pass control key events...
Keloid asked 23/11, 2016 at 22:44

5

I want to display a tooltip conditionally based on status field, on hovering over an entire row(not on just cells). In the API documentation, I found this: https://www.ag-grid.com/javascript-grid-c...
Esbjerg asked 29/6, 2018 at 9:43

3

Solved

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 ...
Chaldron asked 21/9, 2016 at 5:39

2

Solved

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 forwa...
Ellanellard asked 8/7, 2020 at 21:28

14

Solved

How can I center the text in the headers for an AG-grid control? I have tried using cellstyle and cellclass in the column definition but that did not work. Thank you
Botts asked 29/9, 2017 at 13:47

4

Solved

How do I get the list of columns on which sorting is applied, in ag-grid. There is an api (onSortChanged) and an event (sortChanged). But neither is helpful in this scenario.
Universality asked 9/10, 2020 at 11:4

3

Solved

I'm currently giving ag-grid a try and trying to build a table where if the user clicks a column value, they are taken to a page containing that entry's details. How can I make a cell value clicka...
Enviable asked 20/7, 2017 at 15:2

0

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 (...
Commixture asked 20/7, 2022 at 12:26

1

Solved

I am trying to use Apply and Reset button with agSetColumnFilter in my application but it does not work as expected. Scenario: When we try to add some text in the search box and click on Apply it d...
Harhay asked 19/4, 2022 at 15:19

3

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 ...

3

Solved

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 cl...
Falkner asked 11/9, 2017 at 19:52

2

Solved

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 ...

1

Good night, I'm working with ag-grid on a React project. I created a component that the user can enable column visibility, so far so good, it works perfectly. However, when running a function to se...
Garris asked 5/11, 2021 at 11:10

© 2022 - 2024 — McMap. All rights reserved.