Category "ag-grid-react"

How can I test the content in ag-grid using testing-library?

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

How to initialize data using map inside useState in ReactJs?

I'm new to React and in the assignment I'm working on, I have to show data in a AG Grid table. For that this is how I'm initializing rowData inside useState(),

How to change the style of the Ag-grid header on sorting (React)?

It is clear from the official doc that I can change the header class using the "headerClass" prop. However, I want to give the header a different style (specifi

Ag-grid cell issue (on showing paragraph content )

Let suppose I have content in one column of ag-grid more than the width so it's coming in next line, but I need to restrict that and show ellipsis if content is

Ag Grid React. Master Detail Chevron Doesn't show if grid has a rowModelType of viewport

I've added props necessary to enable the master detail grid (i.e. masterDetail, detailCellRenderer, and frameworkComponents). The master detail grid functionali

Row drag and drop is not working in detail of master table on Ag-grid

I am using the ag-grid solution to display the data in table. Ag grid has Master/Detail feature to display the data in sub table. Basically when you click on a

ag-grid: "How to scroll to last known position"?

Ag-Grid offers the method ensureIndexVisible(index, 'middle'); With that method it is easy to scroll to an choosen index. But how do I get the last known index

How to add Row Header in Ag-grid?

Please refer to the image shown below. (The highlighted part is the ROW header that I need in AG-Grid)

Having trouble displaying values retrieved from multiple APIs to Ag-Grid rows (React)

I'm having trouble with this issue for the past couple of days and I've tried somethings but they haven't been working. I'm trying to display some stock informa

Can't select row for removal in React AG Grid

In React and based on the docs [here][1], I'm trying to select an AG Grid row for removal with this code: class MyComponent extends Component { constr

How can I center the text in the headers for an AG-grid control?

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

Force ag-grid floating filter to only accept numbers in input

I'm using ag-grid enterprise and I would like to apply floating filters for all my columns. Sometimes the filter can be alphanumeric but in other cases it shoul

Row Model "Server Side" not found. Please ensure the ag-Grid Enterprise Module @ag-grid-enterprise/server-side-row-model is registered.';

I'm recently getting this error unable to load all the ag-grid tables. I googled it and added like this import { LicenseManager } from "@ag-grid-enterprise/core

Ag grid react warning: State updates from the useState() and useReducer() Hooks don't support the second callback argument

I tried to make an app as simple as possible to make the error easier to understand so I just implemented it in the App.tsx. import { AgGridReact } from "ag-gri