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

AgGrid Row Dragging Between Grids

I am trying the example at the below link (Dragging Multiple Records Between Grids) within my React application https://www.ag-grid.com/react-data-grid/row-dragging-to-grid/ I have a few questions; For the right/selected grid, how can I get the…
copenndthagen
  • 49,230
  • 102
  • 290
  • 442
-1
votes
1 answer

Unable to access component state inside AgGrid cellRenderer

In my React app using functional components, I have a a local state (myObj) which is populated via context object from parent (based on API response). I use this local state to populate the AgGrid and within this grid, I have a row-level Edit link…
copenndthagen
  • 49,230
  • 102
  • 290
  • 442
-1
votes
1 answer

cell background color is not visible while selecting particular row on ag-grid

I am currently working on agGrid Unable to see cell background color when i select particular row in ag-grid (Here row color overrides). check below screen shot for reference enter image description here enter image description here AgGrid version…
Teja
  • 1
  • 1
-1
votes
1 answer

Is there an event called in React Ag Grid when the data is finished loading?

So, I have noticed in my ag-grid the data seems to load out of order - and thus some functions I run can not use the params.rowdata as it is null. are there any built in events in ag-grid that are triggered after all the data is loaded?
Mason Stevens
  • 11
  • 1
-1
votes
1 answer

React agrid flash first row in the grid when only one record is present in grid

I want to flash first row of the grid. My grid has only one row. I want to load data in grid and also flash the cell. I have sample code.If you notice method onInsertOne. It does not work very first time but it works when we click the button second…
Raj
  • 91
  • 5
-1
votes
1 answer

How to customize hover colour for each row in ag grid react

I am using react grid and I would like to set the hover color and rowSelectedColor for each row differently, When I tried overwriting the hover background color it applies to every row not each row. example -…
Akash Vishwakarma
  • 3
  • 2
-1
votes
1 answer

How can I change 'no rows to show' to some custom component ag-grid react?

I am using ag-grid for react https://www.ag-grid.com and when my table/grid is empty it shows "No rows to show", I need to change it to some custom message/component but could not find any mention of it in docs. It is possible to do using API ?
howard wolowitz
  • 477
  • 5
  • 21
-1
votes
1 answer

How to make the column header sticky in scroll if my application uses AgGrid and React class based component

I want to make my column header sticky while scrolling. I am using class based component and AG Grid. I have checked numerous examples but mostly found everyone using function based component. Is there a way to use class based?
React Dev
  • 27
  • 7
-1
votes
1 answer

How to rendering multiple sub grids or similar UI using ag grid?

i need to the below like grid. Could you please help me to render? enter image description here
Kamesh
  • 1
-1
votes
1 answer

groupRowInnerRenderer not being called after a call for api.setColumnDefs(columnDefs)

It has been a while since i was struggleing with this issue I made this plunker trying to reproduce the bug i had https://plnkr.co/edit/npifAORP3KAmzrJI As you can see there is a button "Switch row group" which call a function which itself calls…
Bardelman
  • 2,176
  • 7
  • 43
  • 70
-1
votes
1 answer

How can i delete empty row in Ag-grid react

I am using ag-grid enterprise in my project where i am inserting data into the grid. Once the editing of data is completed i am pressing submit button to save the entries in the backend. Before saving there are some validations which i am performing…
Sanad Ahmed Ansari
  • 65
  • 5
-1
votes
1 answer

Ag grid display in grouping

Attached my plunker link [https://plnkr.co/edit/lnF09XtK3eDo1a5v] It works, however I wanted to remove line separator from group columns and keep group column data in center. I tried with to update CSS as shown in plunker but still not coming in…
Aarav Saklecha
  • 90
  • 6
-1
votes
1 answer

Ag Grid React checkboxSelection: true is not allowing select/unselect row when using typescript

I am new to Ag grid and want to create a tabular structure with checkbox selection. This is the way I am using Ag grid React for creating table import React, {useState} from 'react'; import { AgGridReact } from 'ag-grid-react'; import…
Ankita Srivastava
  • 147
  • 2
  • 11
-1
votes
1 answer

Ag grid - Master/detail,keep detail rows permanently open

For Ag grid Master/Detail, is there a way to make detail rows open by default? With no option to close them?
Reuven
  • 145
  • 1
  • 12
-1
votes
1 answer

Horizontal pagination in Table

I am evaluating ag-grid and material-ui-react libraries for rendering a complex, editable table in my React project. One of the requirements is that when the table size is more than horizontal viewport of the page, some area to the right should be…
darKnight
  • 5,651
  • 13
  • 47
  • 87
1 2 3
…
68
69