Skip to main content
1,079 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
74 views

I've inherited some React code which uses AG Grid; I haven't delved into it much because it has pretty much just worked, but now I'm stumped on an issue. I have a table with a postcode field, defined ...
Sharon's user avatar
  • 4,015
1 vote
0 answers
119 views

Current behavior Windows/Linux: Pressing Backspace on a selected cell starts cell editing. macOS: Pressing Backspace on a selected cell deletes the cell content. Expected behavior In standard ...
Reiki Kanda's user avatar
  • 11
0 votes
0 answers
53 views

agNumberCellEditor accept doesn't accept cell expressions. This expression =9+1 resolves to 10 with agTextCellEditor but not with agNumberCellEditor. Not able to type "=" into the number ...
Alisha Panda's user avatar
  • 1
0 votes
0 answers
37 views

I have AG-Grid with high frequency updates and I am using transaction api from AG-Grid. Everything seems to work fine e.g. using keyboard to move cell and cell selection when clicking the cell both ...
Angad's user avatar
  • 1,132
0 votes
0 answers
20 views

i have a pretty simple code with rowModelType=server side UI is working as expected When tried unit testing with jest, can't assert on any cell data nothing is visible in test file When tried to log ...
Abhi Komroju's user avatar
  • 1
0 votes
1 answer
83 views

I'm using AG Grid with the server-side row model, along with pagination and row grouping. Playground - https://plnkr.co/edit/VRqkoRfryOeoJgVl?open=index.jsx&preview I want the grid to fetch data ...
Gnanavel's user avatar
  • 624
0 votes
0 answers
58 views

I've been implementing the Master/Detail functionality on an existing AG Grid and the cellRenderers don't seem to be getting applied to the cells in the detail grid. Looking at the documentation I ...
stakolee's user avatar
  • 960
0 votes
0 answers
93 views

I am using ag-grid in a React application and have a date column where the data is stored as YYYY-MM-DD strings. I display the dates in a localized format (e.g., MM-DD-YYYY for US) using a ...
Abhinandan Khilari's user avatar
  • 1,095
0 votes
1 answer
183 views

I have seen examples of row spanning and column spanning, but have yet to find an example of the two combined anywhere. I have looked through the documentation, here are the separate links: https://...
Denver_Colorado's user avatar
  • 11
0 votes
0 answers
76 views

I have a column with columnDef as - const expiryDateColDef = { colId: 'expiryDate', headerName: 'Expiry Date', field: 'expiryDate', filter: 'agDateColumnFilter', cellDataType : '...
Zexeret's user avatar
  • 13
0 votes
0 answers
82 views

In AgGrid SSRM.I am using group display=multiple columns. I have a use case where I have to render the grouped data as flat view instead of nested(parent-child). How to achieve this behavior?
tejas's user avatar
  • 1
2 votes
1 answer
99 views

I have a 3-column grid. The first column is a checkbox aligned in the center cell, which is editable (can be checked/unchecked). My issue is that when I click the cell outside the checkbox item, the ...
Lorna Watawat's user avatar
  • 61
0 votes
1 answer
179 views

I have grid using ag-grid reactjs typescript that has 3 columns. The 3rd column named "Value" is editable. I was able to edit the value but when onblur event, I lost the edited value and the ...
Lorna Watawat's user avatar
  • 61
1 vote
0 answers
54 views

I want to filter the column in ag grid for date and time together ag grid doesnot support date and time filter together. I tried using only time but the filtering is not happening in ag grid it is not ...
Biswajeet Gope's user avatar
  • 11
0 votes
0 answers
50 views

AG Grid: Hide rows with eye icon and show "Show hidden rows (X)" inline between rows I'm building a feature in AG Grid where users can hide individual rows using an eye icon in an "...
Abishlal 's user avatar
  • 1
1 vote
1 answer
112 views

I am using ag grid react version 33.2.4. I have a valid license key for enterprise version. I have customised some styles using themeQuartz but the styles are not reflected. import { AgGridReact } ...
Phanz's user avatar
  • 13
0 votes
1 answer
117 views

I have an ag-grid with grouping using the "singleColumn" group styling. I want to use a custom renderer in my group column, but I only want it to be applied to the "individual" ...
MontysGoat's user avatar
  • 33
1 vote
0 answers
125 views

I'm facing an issue where applying filters in my AG Grid with server-side row grouping is triggering multiple API calls. In some cases, it even results in continuous API calls. This only happens when ...
dev here's user avatar
  • 11
2 votes
0 answers
56 views

Description While using AG Grid v33.2.1 within a React application embedded as a Tableau Dashboard Extension inside Tableau Desktop, I encounter a DOMException due to an invalid selector originating ...
athul das's user avatar
  • 21
-3 votes
2 answers
281 views

I'm working on a React application that utilizes AG Grid to display large datasets with over 20 columns and 10,000 rows, necessitating both horizontal and vertical scrolling. I need to capture the ...
rohan murali's user avatar
  • 25
0 votes
0 answers
54 views

grid community, I am facing an issue where I am upgrading my React application ag-grid from v28+ to V31.3.4, it is a streaming chatbot application where user asks a prompt and API returns streaming ...
sajesh Nambiar's user avatar
  • 699
0 votes
0 answers
66 views

Context: I am working with AgGrid react to display some data, let's say this format: type Vehicle = { modelName: string; manufacturer: 'BMW' | 'VOLVO' | 'Mercedes' | 'Fiat'; // more brands... ...
Rafaa Ferid's user avatar
  • 178
0 votes
0 answers
128 views

I am unable to manually implement lazy-loading in the grid using client-side rendering. The reason for not using row model 'infinite' or 'server-side' is that we do not want to make changes in the ...
apurv thakur's user avatar
  • 41
0 votes
3 answers
344 views

I'm using the React version of agGrid v33.0.4 with React 18, and when I run my React app locally, it works fine; the agGrids look great. However, when I deploy my React app, none of the agGrid's CSS ...
Mike Gledhill's user avatar
  • 29.4k
0 votes
0 answers
32 views

I have an AgGridReact. Inside of the grid, in each row, I have a cell that contains multiple images. Each image needs to have a separate tooltip. I'm using mui/Tooltip. I can't figure out how to get ...
jeff's user avatar
  • 722
0 votes
0 answers
44 views

I have two grids which are in sync using alignedGrids property. I gave first two columns as flex:0 with minWidth and remaining n columns as flex:1 weith minWidth as 140. When I resize the browser to ...
Aditya Varma's user avatar
  • 11
0 votes
1 answer
78 views

I'm using onFirstDataRendered to auto-size my AG Grid columns once data has loaded. However, without introducing a delay, the auto-sizing runs based on column headers only. export default function ...
Mike's user avatar
  • 604
0 votes
0 answers
62 views

I have the following AgGrid React table: const headers: ColGroupDef[] = [ { headerName: '', children: [ { headerName: 'IBU/Mandate', field: 'IBU/Mandate', ...
Abde's user avatar
  • 21
0 votes
1 answer
119 views

I am new to Ag-grid and am trying to create a basic table using Ag-grid and React. I am wanting to have some of my cells to be editable while some not. I tried using the source code from API docs, but ...
Divyaa01's user avatar
  • 1
1 vote
0 answers
35 views

version : "@ag-grid-community/react": "^25.1.0" problem : I used cellRendererFramework to render it and when I press the button, the text at the bottom toggles. At this time, I ...
hyaline's user avatar
  • 11
0 votes
0 answers
150 views

Im using ag grid community in my React ts project, i've used it before and usually I would only add filter: true to defaultColDef and the filter feature would apply but its not working for me now. ...
Jood Yaser's user avatar
  • 1
0 votes
0 answers
50 views

I am using AG Grid v30.2 with Vue 2 and have a column with agRichSelect as the cell editor. I want to display a tooltip when hovering over the dropdown options inside the agRichSelect editor. Is it ...
Vicky's user avatar
  • 1
0 votes
0 answers
37 views

I'm using AgGrid React with row groupings. For entries that do not have a value for the Column I'm grouping by, it shows as '(Blanks)' in the table which is fine, but exporting to excel loses that ...
rallyTheCap's user avatar
  • 1
1 vote
1 answer
141 views

I can't copy the whole code here. So I have a react component in which I am using 2 blocks of code (dashboard and details). I am conditionally rendering both block. Block 1 contains an AG grid react. ...
SAURABH MAURYA's user avatar
  • 33
-1 votes
1 answer
503 views

I have an AG grid table like this suppose? and i want a cursor pointer i checked into the AG grid docs/demos and did not find anything related to the same? anyone can help me how can i achieve the ...
BIKI DAS's user avatar
  • 41
1 vote
0 answers
92 views

After upgrading ag-grid-react and ag-grid-community from 27.1.0 to 32.3.2, getting following error from the ag-grid-community package. import { GridReadyEvent, SelectionChangedEvent, CellClickedEvent, ...
e kanojia's user avatar
  • 97
0 votes
0 answers
129 views

I'm working with ag-grid-community version 32.3.2, ag-grid-react version 32.3.2, and ReactJS 18.3.1 in my project, and I am facing an issue with the applyTransaction method. const gridOptions = { ...
Akshat Sitapara's user avatar
  • 11
0 votes
1 answer
174 views

I’m working with React 18.3.1 and ag-grid-react v32.3.2. I’m encountering an issue when trying to disable specific rows. When I select the "Select All" checkbox, the rows that are disabled ...
Akshat Sitapara's user avatar
  • 11
0 votes
0 answers
62 views

I am using react 18.3.1 and ag-grid-react 32.3.2, I have requirement of displaying some rows with disabled checkboxes also there is a header checkbox for selecting/unselecting other rows. However when ...
e kanojia's user avatar
  • 97
1 vote
0 answers
112 views

While migrating from the client-side row model to the infinite row model, my team and I are attempting to preserve the functionality of our custom Refresh/Cancel button. In the client-side row model, ...
Supernectar's user avatar
  • 11
0 votes
1 answer
418 views

The column select modal (Choose Columns) from column header menu lists all the columns in the colDef including a checkbox to select/un-select all columns. Trying 2 things - Disable the select/un-...
Spandan's user avatar
  • 259
0 votes
0 answers
47 views

How would I go about normalizing some special characters so that they match the quick filter query. Using french as an example with the ligature œ in the result, but not having to expect that specific ...
PaulSusset's user avatar
  • 20
1 vote
0 answers
59 views

When adding or removing a row above a focused cell in ag-grid, the focus moves automatically to the cell that gets "in the place" of the previously focused cell. So if a cell on row 4 is ...
cipak's user avatar
  • 1,476
2 votes
1 answer
172 views

Trying to achieve autocomplete with MUI in aggrid react as community version does not have this feature, the issue is AutoComplete onchange event is not getting triggered so the value after selection ...
Amrutha VS's user avatar
  • 166
2 votes
1 answer
438 views

I have a table ( Grid ) using AGGRID ( react-grid ) It works very well except that I want to INVALIDATE the table The issue is I am not able to use useQuery inside onGridReady so I only use fetch to ...
mercury's user avatar
  • 2,779
0 votes
0 answers
167 views

In React, using the Community version of Ag Grid, I want a custom dropdown component that looks richer than a plain . In particular, I would like to use react-select. The problem is that the cell div ...
Attila Szeremi's user avatar
  • 5,498
0 votes
0 answers
33 views

I am using ag-grid to display a table containing tens of thousands of rows and more than 50 columns. When I apply filter to one or more columns, it filters the data within blink of an eye.I wonder how ...
Anant Shekhar's user avatar
  • 117
0 votes
0 answers
153 views

Documentation for JavaScript/Angular/Vue mentions method isFilterActive(), that Return true if the filter is active. If active then 1) the grid will show the filter icon in the column header and 2) ...
PatrykD's user avatar
  • 83
0 votes
1 answer
127 views

I have an ag-grid with two columns set to use the agRichSelectCellEditor. When a user makes a selection in the first column dropdown, i want the second (sibling) column cell's dropdown to become ...
vicgoyso's user avatar
  • 626
0 votes
1 answer
32 views

when clicking view it is not changing color to red const memoizedCols = useMemo(() => { console.log("clicked vw", clickedVws); return [ { headerName: "View&...
VISHAL JANGRA's user avatar
  • 1

1
2 3 4 5
…
22