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
22
votes
6 answers

ag-grid auto height for entire grid

I can't find a good way to size the grid to fit all rows perfectly. documentation only points to sizing by % or px. Since I want it to size based on rows, I came up with the following function. Seem like im re-inventing the wheel, so maybe there is…
Sonic Soul
  • 23,855
  • 37
  • 130
  • 196
22
votes
4 answers

AG-Grid large dataset render time (slow)

I have a grid with a large but reasonable amount of data (approx 12,000 cells... 340 columns and 34 rows). I know that seems like a sideways table but it just happens that for our application, it's more likely to have tons of columns and fewer…
oooyaya
  • 1,773
  • 1
  • 15
  • 39
21
votes
3 answers

Ag-grid bundle size is too big

I am developing a web application with Angular 6. I have an Ag-grid enterprise edition. Ag-grid documentation says, that we have to import all ag-grid-angular, ag-grid-community, and ag-grid-enterprise to work with Ag-grid enterprise. After…
Anand Kadhir
  • 233
  • 2
  • 7
21
votes
10 answers

How to format data before displaying it on ag-grid

I've just discovered ag-grid. I'm using it on angular2+ and loading data from api. One of fields is date, but its in ISO format. I've been trying to format it, is there any way to do it, is it possible to add pipe or some other way? Usually i do it…
Kerim092
  • 1,367
  • 1
  • 12
  • 32
21
votes
7 answers

How to upgrade/refresh the ag-grid after row delete?

I have an ag grid where i am trying to delete a row...I am able to remove the row from data source using "splice" technique,after that i want to refresh the table.But it is showing error.This is the code which i am using to delete a…
Raja Reddy
  • 417
  • 2
  • 5
  • 11
20
votes
5 answers

How to create tooltip on ag-grid row?

I want to display a tooltip conditionally based on status field, on hovering over an entire row(not on just cells). In the API documentation, I found this: https://www.ag-grid.com/javascript-grid-column-properties/ tooltip A callback that takes…
Sandeep Kumar
  • 2,397
  • 5
  • 30
  • 37
20
votes
2 answers

Ag grid Server side pagination

I'm trying to implement a server side pagination in ag-Grid where I'll make a SOAP call each time I click on the next/previous button. I have already implemented the function with the specific page number so I can retrieve my row data and pass it to…
Steeve
  • 266
  • 1
  • 2
  • 10
19
votes
4 answers

AG Grid tooltip takes long time to render

I was following this example and found out that the table takes quite some time to render the tooltip. It doesn't seem to have any delay whatsoever, and I have tried both defaultBrowserTooltip as well as the custom one but both of them are slow. Any…
Tree Nguyen
  • 1,198
  • 1
  • 14
  • 37
19
votes
2 answers

ag-grid: "How to scroll to last known position"?

Ag-Grid offers the method ensureIndexVisible(index, 'middle'); With that method it is easy to scroll to an choosen index. But how do I get the last known index of the scrolling position from the user? An example: We have a table with 600 rows. The…
Paul
  • 1,344
  • 4
  • 19
  • 37
19
votes
6 answers

Deselect selected rows from ag grid angular

Is there any grid api to deselect ag-grid selected rows programatically? I'm trying to perform some operation on the selected row, basically an async operation , after which I need to deselect this row from the grid .
Riya
  • 794
  • 2
  • 9
  • 17
19
votes
4 answers

Angular 6 ag-grid cell renderer click function

So I'm trying to setup ag-grid and I can't get one thing to work. I want to have a column that is actions. Then I want it to have a link or button that triggers a method in the component file. For the column def I have the following. What am I doing…
Ponzi314
  • 215
  • 1
  • 2
  • 10
19
votes
1 answer

AG-Grid: How to remove the Column Menu

I would like to remove the column menu. I can simply display: none it, but it seems a waste to process and render it in the first place. I can only find options on how to edit items inside the menu in the docs. Thanks
Dominic
  • 62,658
  • 20
  • 139
  • 163
18
votes
5 answers

Ag-Grid: How to save and reload column order

Using Ag-Grid, users can drag columns to order them the way they like. I need to allow the user to save their column order (to an SQL backend) so that it becomes the default column order for them. I was trying to get the column names like this: var…
tolsen64
  • 881
  • 1
  • 9
  • 22
18
votes
5 answers

How to get filtered rows in ag-grid?

I have an ag-Grid with filtering option. How to get the filtered rows (not the selected) in ag-Grid?
Gábor Csikós
  • 2,787
  • 7
  • 31
  • 57
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
1
2
3
…
99 100