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.
ag-grid-react
1,084
questions
0
votes
0
answers
8
views
AgGrid - autoGroupColumn is not visible in tool Panel sideBar
is there a reason that a group column created with autoGroupColumnDef would not appear in the toolPanel? I seem to have the config right. I am creating a simple sideBar that would show 2 columns - one ...
- 141
0
votes
0
answers
14
views
AG Grid Column Filter Defaults to Using Actual Column Values rather than Specified
I am using AG Grid v31.3.2 with React and only JavaScript.
I am specifying the following 5 values to be displayed by default:
Approved
In Process
Passed Back
Recalled
Submitted
I do so with the ...
- 171
0
votes
0
answers
14
views
React renders different AG-Grid html in chrome vs firefox
The Ag grid library config we use dynamically applies the editable class to a column / cell. In chrome, the editable class is applied correctly. In firefox, it is not applied. What could be the reason ...
0
votes
0
answers
17
views
How to Merge Cells with the Same Value in AG Grid Using Row Span or any other method in React?
I'm working on a React project where I use AG Grid to display some data. I have a column called "Year Range" which is dynamically calculated from a date field called stoppageStart. I want to ...
- 1
0
votes
1
answer
15
views
Ag-Grid filter Date column compare by date only excluding the time portion
The field for the column is a Date with time so when filtering with equal a date only value, none is found.
I tried the sample from [AG-Grid][1]
But it does not filter at all.
Any advice? I use AG-...
- 799
0
votes
0
answers
24
views
Make ag-grid search for formatted value in "quick filter"
I'm trying to implement a grid with a free text search box using the quick filter feature in AgGrid.
I found that it doesn't search for the formtted value, only for the real value.
I guess it could be ...
0
votes
0
answers
13
views
In ag-grid is there a way to stop the row drag using an external API call (e.g. because of a keyboard event)?
Is there a way in Ag-grid to stop the row drag while it's in motion? I'd like to emulate Notion's behavior where if you're dragging and hit Escape it cancels the drag. I've tried rowNode.setDragging(...
- 537
-1
votes
0
answers
16
views
How to apply autosize columns in 'infinite' row model
I am using 'infinite' row model. Which is the right callback to apply autosize columns with infinite row model? I have tried 'GridReady' and 'FirstDataRendered' but autosize doesn't get applied.
- 49
0
votes
0
answers
21
views
AgGrid React grid custom editor that handles onClick event and not onChange event: the editing is not being completed
I have create 2 custom AgGrid React grid editor componente:
One that hanles onChange and works:
import React, { useState, useRef, useEffect, useImperativeHandle, forwardRef, memo } from 'react';
...
- 2,926
0
votes
0
answers
22
views
sorting not working when using 'headerComponent' in ag-grid table
i needed to display custom header component for displaying icons and other thing in the colum-header and for that i've used 'headerComponent' in the column definition. But now the issue is that the ...
0
votes
0
answers
13
views
Ag-Grid data overlapping for a second on quick search
When I am doing quick search on grid the cellRenderer and data are overlapping each other for a second before readjusting.
enter image description here
When I am doing quick search on grid the ...
1
vote
1
answer
16
views
ag-grid doesn't retain focus on switching between windows
I have used custom headerComponent for all columns and custom cellRenderer for all cells in ag-grid. When a particular cell or header has focus, if I switch to another window and come back to the ag-...
- 49
0
votes
0
answers
11
views
AG Grid 22.1.1: Select all in Column list panel doesn't update hidden column
I want to make the "Select All" checkbox(checkbox besides search box) select/deselect all column checkboxes in the ag-Grid column visibility tool panel. However, I noticed that the "...
- 37
0
votes
0
answers
16
views
Keyboard navigation and selecting cell with mouse doesn't work with custom cellRenderer in ag-grid
I have used custom cellrenderer and handled MouseDown and KeyPress events within the custom renderer. Now when I click on a cell, that doesn't become the focused cell. Also keyboard navigation doesn't ...
- 49
0
votes
2
answers
29
views
How to find which header has focus in ag-grid
I have used custom headerComponent for all columns. When navigating through the headers using keyboard, is there a way to know which column header has focus?
- 49