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

AG Grid headerComponentFramework prop is not rendering custom component

I am attempting to create a custom header using AG Grid and React, but am unable to render the custom component that is passed into the headerComponentFramework prop within my autoGroupColumnDefs. The AG Grid documentation points to using…
user15229015
  • 71
  • 5
3
votes
1 answer

Is there a way to hide the loading spinner for server side row model in agGrid for react?

I'm using the server-side row model in agGrid. The default loader provided by agGrid is hiding the data when the data is being loaded or invalidated again. Can anyone please help me is there any props or API in agGrid to suppress/hide the default…
LOKESH KUMAR
  • 31
  • 1
3
votes
1 answer

Remove the horizontal start- and end-gap for headers and cells

I want to remove the gap between column border and data. I simply want the data pressed up to the side, as it would in Excel. How can I do this?
Tokyo D
  • 173
  • 2
  • 10
3
votes
0 answers

AG-Grid: Server side pagination in a redux app

I'm using the community version of Ag-Grid in a react-redux application. Even though AG-Grid is generally compatible with redux, implementing server-side pagination seems to be impossible! The reasons: Redux is asynchronous - data update does not…
Omri Yehuda
  • 31
  • 1
3
votes
2 answers

refresh AgGrid and reselect last selected row

I am trying to refresh ag grid and reselect the last row before update. This is my AG grid component. onCellClicked = params => {console.log(params) let node = params.node; Promise.all([ node.setSelected(true, true), …
chewie
  • 529
  • 4
  • 17
3
votes
1 answer

How to get column index on Cell Click event in ag-grid?

I think of simplifying the click events and instead of attach them on column renderer (I use React), I tried to attach a single onCellClicked event (where I do get all the data for the row) and do a switch for... column. On first column there will…
Paul Pacurar
  • 145
  • 12
3
votes
0 answers

React/Typescript Ag-grid : "Cannot read property 'addOrRemoveCssClass' of undefined"

In my web app using ag-grid react ui version 26.0.0, 'addOrRemoveCssClass' of undefined Error was encountered while trying to move page or click button With Ag-grid Cell Range Selected I temporarily solved it : Call gridApi.clearRangeSelection();…
KIM DONG
  • 31
  • 2
3
votes
1 answer

How can I do responsive column width in Ag Grid for React.js?

I use react Ag Grid library and ı work 1920*1080 screensize. So I need use responsive column width for another screensize. { headerName: "Sıra", field: "", width: 30, minWidth: 10, maxWidth: 300, suppressSizeToFit: false }, …
Ali
  • 305
  • 3
  • 14
3
votes
2 answers

How to sort the checked and unchecked columns in alphabetical order in ag grid sidebar panel

I am using ag-grid to have the tool panel on the sidebar which has column checkboxes.I am having issue with sorting the unchecked columns in the alphabetical order. I am trying to achieve some sort of functionality like shown the ag grid example. I…
Vishal Mistry
  • 39
  • 1
  • 4
3
votes
1 answer

Increase width of ag-grid filter with specific column

I want to increase width of ag-grid filter with specific column I have tried to fix with css but its affecting with every column. Thanks in Advance
Aviral
  • 43
  • 4
3
votes
1 answer

Ag Grid autoHeight and wrapText not working when using custom cellRenderer

I'm trying to wrap the text of lengthy cell value. As per documentation setting autoHeight=true and wrapText=true working fine without cellRenderer components. But when using cellRendererFramework React component, seems not working. I tried to…
Elumalai Kaliyaperumal
  • 1,498
  • 1
  • 12
  • 24
3
votes
1 answer

Using react-datepicker with agGrid

Im trying to incorporate react-date picker with ag-grid ag-grid provides documentation on using custom date picker but with using flatpickr was wondering if anyone has successfully attempted to use react-datepicker with ag-grid and if so, could…
Martina Carter
  • 409
  • 5
  • 18
3
votes
3 answers

Ag-Grid - How to make two horizontal scrolls in the same grid?

I have 20 columns in the grid. I want the grid to be split in half, where in the left half I can scroll through the first 10 columns, and in the right half I can scroll through the last 10 columns. In other words, I want there to be two horizontal…
Marc Iskander
  • 157
  • 11
3
votes
1 answer

agGrid - How to hide dynamically generated column

In React agGrid hide: true in dynamically generated column definition is not working. My code snippet as below: if(data.length > 0) { for (var key in data[0]) { var obj = {} obj.headerName = key; obj.field = key; …
KOUSIK MANDAL
  • 2,002
  • 1
  • 21
  • 46
3
votes
4 answers

ag-grid: Getting list of columns on which sorting is applied

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.
Shardul
  • 90
  • 1
  • 9
1 2 3
…
68 69