ag-Grid is a fully-featured and highly customizable data grid Angular Component. Use this tag for questions about ag-grid installation or ag-grid components supported by this library.
Questions tagged [ag-grid-angular]
1152 questions
39
votes
8 answers
How to disable selection of cells in ag-grid?
I have a simple ag-grid in an Angular project and want to disable selection of cells in one of its columns. Simply removing the default blue outline during selection would also be fine. I just want no visual change to the cell when the user clicks…
Chris Farmer
- 24,974
- 34
- 121
- 164
24
votes
4 answers
Trouble setting up sample table. "Could not find matching row model for rowModelType clientSide"
I've been going through the "Getting Started" tutorial for the ag-grid on the fresh project. Completed all the steps but got an error saying
ag-Grid: could not find matching row model for rowModelType clientSide
ag-Grid: Row Model "Client Side" not…
Sergey Smirnov
- 243
- 1
- 2
- 5
17
votes
6 answers
How to right align text in ag-grid for number
If any cell in ag-grid has numeric value like decimal, int or numeric i want that cell to be right aligned.
this.defaultColumnDefs = {
width: 75,
exportColumn: true,
type: 'numericColumn',
cellClass(params) {
return…
Ekta
- 261
- 1
- 2
- 11
14
votes
3 answers
Warning: Unable to fully load /node_modules/ag-grid-angular/main.js for source-map flattening
I am getting the following warning when I am building the application with Angular Cli version 9.1.7 with enableIvy. I am using ag-grid-community version 22.1.0.
Warning: Unable to fully load /node_modules/ag-grid-angular/main.js for source-map…
Sanj
- 141
- 1
- 5
13
votes
1 answer
Emit Event from cellRendererFramework to parent
With ag-grid, you can definte your GridOptions.columnDefs with column information including cellRendererFramework. I have a component that I am using for the cellRendererFramework which includes an event that gets triggered from a click on a button…
Smern
- 18,746
- 21
- 72
- 90
12
votes
3 answers
How to enable or show total row in footer of ag-grid table
I am working with Ag-Grid table and I want to show the total row in the footer of the table. Some How I achieved it by using 2 tables 1 is for actual data and 2nd is for the Total row.
It's working fine with a Normal non-scrollable table but if it's…
CodeChanger
- 7,953
- 5
- 49
- 80
12
votes
3 answers
Header checkbox selection doesn't work when using Server Side Data source
As the title suggests, I'm using ag-grid with Angular, and I use a custom class that implements IServerSideDatasource for fetching data from API with rowModelType set to 'serverSide'.
The problem is that when I set headerCheckboxSelection and…
Nikolas Pafitis
- 153
- 1
- 1
- 8
11
votes
7 answers
Angular Ag-Grid not displaying correctly
I'm trying to use Angular Ag-Grid in my Web Application.
I've followed these tutorials
Angular Grid | Get Started with ag-Grid
ag-Grid Angular Component
Problem / Issue
I Follwed every thing exactly. Even data is being loaded in grid but View is…
Waseem Ahmad Naeem
- 850
- 1
- 10
- 22
11
votes
2 answers
Changing page and cache block size on ag-grid causes infinite loading of items
I wish to refetch the data for each page using the 'server-side' mode of ag-grid.
In order to do so i made the maxBlocksInCache 1 and the cacheBlockSize equal to the items per page. Until here it works fine.
Now when i change the number of items per…
lolplayer101
- 2,112
- 2
- 17
- 26
11
votes
5 answers
Warning 'grid zero width' when using ag-Grid's sizeColumnsToFit() on two separate ag-Grids, displayed by a tab menu
Getting the warning below when resizing ag-Grid (change size of browser window) and switching between two tabs:
ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back
with zero width, maybe the grid is not visible yet on the…
Rune Hansen
- 954
- 3
- 16
- 36
10
votes
1 answer
Property 'withComponents' does not exist on type 'typeof AgGridModule'
I am using AG Grid in my Angular application and since upgrading from v27 to v28 I get the following error in my app.
Error: src/app/app.module.ts:18:18 - error TS2339: Property 'withComponents' does not exist on type 'typeof AgGridModule'.
I…
Stephen Cooper
- 1,069
- 7
- 15
10
votes
2 answers
Differences between valuegetter, valueparser and valueformatter - Ag-grid
I am trying to understand what is the correct usecase for ag-grid's valuegetter vs valueformatter vs valueparser ?
https://www.ag-grid.com/javascript-grid-value-getters/
https://www.ag-grid.com/javascript-grid-value-formatters/…
Siddharth Jain
- 380
- 1
- 3
- 16
10
votes
2 answers
Set new column definition by setColumnDefs doesn't work anymore
I'm trying to set new column definitions by calling setColumnDefs using the grid API. This doesn't work as expected. The names of the column headers will not be updated anymore!
See this Plunkr: Version 19.1.x
Version 19.0.0 is latest working…
Daniel C.
- 569
- 2
- 7
- 19
9
votes
3 answers
ag-grid-angular: Error TypeError: rowData.forEach is not function
Trying to incorporate ag-grid-angular in my project. I have succeeded in getting it to work with static data with filtering and sorting.
I am failing at setting it up with Dynamic data in async right now.
Dheeraj Varma
- 91
- 1
- 1
- 2
9
votes
3 answers
How to wrap column header in ag-grid using angular
I have some columns which has four words i.e Pre Trading Follow Up, Post Trading Follow Up and some of them having three words. I tried the below css to wrap the text to multiple lines.
::ng-deep .ag-theme-material .ag-header-cell-label…
UI_Dev
- 3,317
- 16
- 46
- 92