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
4
votes
2 answers
Ag-grid Angular How to get click events on Header?
Is there any way to get notified of click events on ag-grid's header in Angular?
The -Component offers multiple events for clicks on cells (e.g. cellDoubleClicked). Those don't get triggered for header clicks and I was unable to…
KeTr
- 67
- 1
- 2
- 8
4
votes
1 answer
How to include ag-grid styles for Angular 5?
I'm using Angular 5 with ag-grid 17.x and am just trying to do a simple, "hello world"-type example, but having trouble getting the grid to display appropriately. I have the following HTML in my template:
throp
- 696
- 7
- 10
4
votes
1 answer
Angular 4+ ag-grid stuck in loading
Having mocked most examples I've found, I'm stuck. What I get back when I start the application is:
package.json btw:
"ag-grid": "^15.0.0",
"ag-grid-angular": "^15.0.0",
Created a grid component wrapper (CS-Grid), which I call like…
Yogi Bear
- 943
- 2
- 16
- 32
4
votes
1 answer
ag-grid after upgrade from V8 to V15 pagination is not working properly,. Data source is not executed after initial loading
Background
Had upgraded the typescript to 2.6.2 from 2.3.4. Ag grid have compile issue so its upgraded to 15.0.0. After upgrade existing pagination code for ag-grid is not working.
Previous Configuration - ag-grid and pagination works fine
on click…
user630209
- 1,123
- 4
- 42
- 93
4
votes
3 answers
How to add space between two rows of ag-grid in angular 2 ag-grid
above image is like i want
but i used ag-grid so my output is coming like this below image
i am using ag- grid . i want more spce between 2 rows of grids,which shows that row is seperated.
.ag-body-container .ag-row {
margin-top:15px;
…
Vaibhav Patil
- 65
- 1
- 8
4
votes
3 answers
ag-grid context menu is cut off (clipped)
Having a ag-grid (Angular component) of ag-grid v8.20
Unfortunately the context menu is clipped if it is bigger than the grid:
(screenshot should be here but I can't upload it, imgur bug?)
Is there a way to make the context menu display completely,…
Seeschorle
- 376
- 1
- 4
- 18
4
votes
4 answers
ag-grid programmatically selecting row does not highlight
Using Angular 4 (typescript), I have some code like below using ag-grid 12.0.2. All I'm trying to do is load my grid and automatically (programmatically) select the first row.
:
this.gridOptions = ....
suppressCellSelection = true;
…
user3174133
- 181
- 1
- 2
- 8
4
votes
3 answers
AG-GRID Default Sort Model with Dynamic Column Defs
So I have a Grid setup that works with the Enterprise Row Model.
The columns are very dynamic and so the column defs are not known until the first query for rows is made to the server. This all works fine, but how can I set a default sort state when…
Alan Dragicevich
- 391
- 2
- 5
- 13
4
votes
2 answers
Ag-grid hiding rows
Is there any implemented functionality to conditionally hide rows?
I instantiate them like this:
let rows = [
{ name: "Adam", isVisible: true },
{ name: "Bert", isVisible: true },
{ name: "Carl", isVisible: false }
];
for(let row of…
Jakub Siuda
- 227
- 1
- 6
- 15
4
votes
2 answers
Angular2 component ngDoCheck is endlessly executed
I have a simple angular2 component that contains only an ag-grid component with some data bind to it.
My component implement the DoCheck and the ngDoCheck method is implement in the component.
export class AppComponent implements DoCheck
{
…
Ghyath Serhal
- 7,466
- 6
- 44
- 60
4
votes
1 answer
How to dynamically give ID to ag-grid?
I am using ag-grid for dataTables. I have created a component which consists of ag-grid. A unique ID is passed as input to this component and I want to give this id as grid id.
ashfaq.p
- 5,379
- 21
- 35
3
votes
0 answers
AG-Grid React - Custom Floating Filter dropdown - not showing in the front of grid
I have implemented the Ag-Grid Custom floating filter in React as a dropdown with values of that particular column like in excel
In this image Floating filter height has been extended to show the expected output as in this image 1 but what if the…
vijayrahul
- 31
- 3
3
votes
1 answer
Can I use cellRendererSelector to give each row its own cellRenderer
I am trying to solve this issue:
Can you specify a different customCellRenderer to different rows in ag-grid Angular
In ag-grid's documentation, I found something that might help; under the section Many Renderers One Column, they have demonstrated…
Ahmed Ghrib
- 695
- 4
- 13
- 29
3
votes
1 answer
Ag grid sizeColumnsToFit only when there is space available in the total grid width
Is there some function available to adjust the column width to fit the entire grid (basically call the following
api.sizeColumnsToFit()
only when there are not enough headers to fill in the empty space available in the total width.
Riya
- 794
- 2
- 9
- 17
3
votes
3 answers
Merged headers in ag-grid
Is the following format possible with ag-grid:
Merged header with blank name
Merged header with name in 2 lines ("Original Values")
Parent header centered ("Header with children")
iPhoneJavaDev
- 821
- 5
- 33
- 78