ag-grid-ng2 is now deprecated. Please use ag-grid-angular going forward. ag-grid-ng2 was used as a project that contains the Angular components for use with ag-Grid.
Questions tagged [ag-grid-ng2]
216 questions
1
vote
1 answer
Ag-grid : hide column sidebar when clicked outside of side bar panel in angular
Does anyone know how to hide ag-grid side bar when clicked outside of it? I am able to do it on button click but not able to find how to do collapse it when clicked outside of sidebar
Prashant Karle
- 31
- 5
1
vote
1 answer
Why is the ag-grid filter comparator not executing?
I'm currently on Angular version 10.2 and ag-grid version 25.3.0
After following the Date Column Custom Filter documentation for ag-grid here, I've decided to apply it to a number column and modify it a bit. Basically, if the user filters by a…
Qarun Qadir Bissoondial
- 194
- 13
1
vote
1 answer
how do you use multiple components in an ag-grid module?
I'm trying to use ag-grid and the module for putting together data sets on separate components.
As opposed to the tutorial where it shows to import the import AgGridModule only in the app module like so...
import { AgGridModule } from…
Barry P
- 91
- 1
- 10
1
vote
1 answer
Fitting a mat-accordion inside ag-grid
I have a fairly standard setup of ag-grid with a nested component as follows :
import { Component } from '@angular/core';
import * as agGrid from 'ag-grid-community';
import { NestedMatExpansionPanelComponent } from…
MHOOS
- 5,146
- 11
- 39
- 74
1
vote
0 answers
Ag-grid Collapsible Columns in Pivot Mode
In ag-grid I'm trying to use column grouping in pivot mode.
E.g. In the plunker in the below link, a 'sum(Total)' column is displayed after setting gridOptions.pivotColumnGroupTotals = 'before'. Instead of this I would want the 'Gold' column to be…
Baga
- 1,354
- 13
- 24
1
vote
1 answer
Can you specify a different customCellRenderer to different rows in ag-grid Angular
I have built this simple grid:
The user chooses an option from List 1 in ParenColumn.
Depending on which option he chose, different lists will be displayed in column 2.
For example, if he chooses option3 then list 3 will be displayed in the second…
Ahmed Ghrib
- 695
- 4
- 13
- 29
1
vote
1 answer
How to refresh a column B in ag-grid based on a change that occured in another column A
I have this simple grid:
The values in ChildColumn DropDown list depend on which option the user chose in the DropDown list in parent component.
For example: User chooses Option2 in parent column. List2 will get displayed in ChildColumn.
However,…
Ahmed Ghrib
- 695
- 4
- 13
- 29
1
vote
2 answers
How to automatically refresh cells in ag-grid in an Angular project
Here's my project:
I choose an option from the drop-down menu. I click on the button "Refresh grid" and it refreshes the grid. So the second column gets updated with the number value chosen from column one.
There is a minor issue: When the grid…
Ahmed Ghrib
- 695
- 4
- 13
- 29
1
vote
1 answer
how to use multiple custom components in framework in ag-grid-angular?
I have created two custom components, i.e custom tooltip component and custom datepicker component. when im trying to declare in framework it is not working.
Its taking only datepicker custom component not tooltip component. If datepicker component…
SVK
- 2,107
- 2
- 20
- 41
1
vote
2 answers
How does manipulating multiple checkbox selection code work?
I am following ag-grid's official tutorial:
https://www.ag-grid.com/angular-getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github
I reached the part where I have to manipulate the information regarding the selected…
AG_HIHI
- 1,705
- 5
- 27
- 69
1
vote
1 answer
How to display enum value in ag-grid cell field value?
I am using ag-grid latest version (^20). I have tried the cell rendering but not sure how to display the string instead of enums.
In sample.component.html code
Ragavan Rajan
- 4,171
- 1
- 25
- 43
1
vote
0 answers
ag-grid infinite scrolling bring all the data in loading
I am trying to use ag-grid with angular
and get the ability of infinite scrolling get the data in scrolling
but instead I get all the data in one time
one I put my code in Plunkr instead the example of the ag-grid about this
and it is working…
tzvia
- 11
- 2
1
vote
1 answer
angular ag-grid auto bind false
We are using an ag-grid.
We would like to have the same functionality as the kendo-grid autoBind: false.
So the grid doesn't do anything till a button is clicked and the grid is triggered with server-side infinite-scroll paging.
How can we do this…
stephan.peters
- 963
- 13
- 35
1
vote
1 answer
(ag-grid) Animate dynamically added columns
As we can see on https://www.ag-grid.com/javascript-grid-column-menu/, when the user checks/unchecks a column from the menu, the grid animates the other columns.
I'm introducing some columns dynamically, by using columnDefs:
this.columnDefs = [
{…
maiona
- 135
- 1
- 6
1
vote
4 answers
Is it possible to provide Component as Cell Renderer for tree data group in ag-grid?
Documentation gives only example with Simple Cell Renderer. (https://www.ag-grid.com/javascript-grid-tree-data/)
But what if I need more complex cell rendering for tree data group, can I use an angular component then, instead of a simple function?
Paul Andrusiak
- 53
- 1
- 9