Stack Overflow
Stack Overflow

Questions tagged [ag-grid]

AG Grid is a client-side and server-side JavaScript grid which is designed to be framework agnostic. It is not dependent on any framework, allowing it to be easily integrated with any of them. Use this tag for questions related to problems with the configuration of AG Grid and its integration with other tools.

AG Grid is a client-side grid that is designed to be framework agnostic. It is not dependent on any framework allowing it to be easily integrated with any of them.

When posting, describe the problem, add some screenshots/code samples.

Don't forget to specify if you integrate it with frameworks like Angular v1, Angular v2, or other frameworks or if you're using it with native JavaScript or TypeScript.

Documentation and forum can be found on the site: http://www.ag-grid.com

Github repository: https://github.com/ag-grid/ag-grid

Related tags:

4815 questions
1
vote
0 answers

ag-grid - agDateColumnFilter - how to format the filter value we can enter

https://blog.ag-grid.com/valueformatters-part-2/ We can enter a year with 6 digit, is there a way to restrict so that we can enter only 4 digit year ?
Shan
  • 578
  • 5
  • 18
1
vote
1 answer

Is there a clean way to get the number of displayed rows EXCLUDING displayed detail (aka, children) rows in ag-grid?

Previously, I have used this.gridApi.getDisplayedRowCount(). However, I recently implemented a Master/Detail record structure for one of my grids and I have found that getDisplayedRowCount() is counting the children Detail records as displayed…
Rich
  • 1,567
  • 14
  • 24
1
vote
1 answer

Getting input value from custom autocomplete cell editor

I'm trying to make a custom autocomplete component with ag grid. I can't update the returned value with the selected value from the dropdown In other words : I type 'A' => I get a list of items => I choose one => the input is updated with the item…
Almigra
  • 90
  • 6
1
vote
0 answers

AG-Grid format date in floating filter

I use ag-grid in my Angular application. How can I change the date format in an 'In range' floating filter? E.g: The date format in my region is: 2022.01.06. The date format in angular floating filter is: 2022-01-06:
user1552545
  • 1,233
  • 3
  • 15
  • 33
1
vote
1 answer

Angular ag grid valueGetter

i am trying to make ag grid table. Basically i have about 8 columns. 3 of them are user inputs and the rest are just mathematical calculations based on some equations. i figured valueGetter will be a good place to put them (calculations), but for…
Stefan Ivovic
  • 87
  • 1
  • 15
1
vote
0 answers

How to format ag-grid columns individually?(Ag-grid react)

Documentation: https://www.ag-grid.com/react-data-grid/ let's consider that the ag-grid table has 5 columns with colId of 't1', 't2', 't3', 't4', 't5'. How do I format each column such that when the user pastes values(1 2 3 4 5) in the first row and…
Nvv
  • 79
  • 10
1
vote
1 answer

I am trying to access custom cellRendererParams inside the CustomCellRenderer Class

I am trying to use Ag-Grid for my angular application and create a custom cell renderer. In the implementation that I have followed, it uses ICellRendererParams for the type of params being passed to the init event. agInit(params:…
Syed A.
  • 186
  • 2
  • 13
1
vote
1 answer

ag-grid tabToNextCell Implementation

I'm having trouble using tabToNextCell with ag-grid in Angular. I'm wanting to add a new row when someone tabs to the end of the table. I am set up as follows:
jloosli
  • 2,461
  • 2
  • 22
  • 34
1
vote
0 answers

Column visibility issue ag-grid-react, pinned columns not showing up on first render

We are using "ag-grid-community": "26.2.0" and "ag-grid-react": "26.2.0" packages in our project. We have implemented a wrapper reusable component which we're planning to use across the application. The requirement states that checkbox selection and…
Amittras Pal
  • 55
  • 6
1
vote
1 answer

How to get row index of ag-grid checkbox

I have a ag-grid table that has checkboxes in each row. When I click a checkbox I want to be able to determine the index of the row. I have tried: onRowClick(event: any): void { console.log(event.rowIndex); } and this sort of works but not…
Pd1234
  • 29
  • 5
1
vote
1 answer

How to refresh/update Ag-Grid from CellRenderer and HeadRenderers

I need to update/refresh Ag-Grid table from HeadRenderer and CellRenderer. For instance i have a button in CellRenderer and when this button is pressed. The table is refreshed. const HeaderRenderer = (values) => { return ( <> …
Vlad
  • 419
  • 1
  • 10
  • 21
1
vote
0 answers

How do you set different detail views in AgGrid depending on what column is expanded?

Looking to show different detail views depending on what column is expanded. Not 100% sure this is possible. https://www.ag-grid.com/javascript-data-grid/master-detail-other/#example-detail-scrolls-with-master In the example above you can see that…
MYK
  • 1,988
  • 7
  • 30
1
vote
0 answers

Ag-grid onPasteStart event access to paste data for async process

Am trying to access user paste data when onPasteStart/onPasteEnd event fires. Running Angular 12. The resulting javascript object includes all ag-grid methods and I cant find the resulting data that is pasted. I cant print the string of the object…
iberussian
  • 17
  • 5
1
vote
2 answers

How to prevent word break on new line in Ag grid?

I use wrapText and autoHeight properties in Ag-Grid to move to a new line if the text does not fit into the cell. But the problem is that the Ag grid sometimes breaks words instead of moving it to a new line. I tried everything, wrote my own cell…
Karina Shulan
  • 161
  • 1
  • 9
1
vote
1 answer

How can I set default checked in Ag-Grid React.js?

I use react ag-grid and I have checkboxSelection on row. I want to default checked some rows, not checked some rows. How can I do that ? columnDefinationVoucherList: [ { headerName: "", cellRenderer: countCellIndex, width: 50,…
Ali
  • 305
  • 3
  • 14
1 2 3
…
99 100