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

Angular ag-grid library parent to child communication for cell renderer

I've implemented following demo in my angular code and getting the error in my implemented code. app.component.ts import 'ag-grid-community/dist/styles/ag-grid.css'; import 'ag-grid-community/dist/styles/ag-theme-balham.css'; import {…
Ronak Diyora
  • 21
  • 7
1
vote
1 answer

How can I get count of selectable rows?

I set property isRowSelectable={() => Math.random() > 0.5}. This property sets whether you can select this row. How can I get count of rows which I can select?
Nazar
  • 23
  • 4
1
vote
1 answer

adding and editing a new row in ag-grid

I am adding a new row at the top of an existing ag-grid with this code function addRow() { let lastrow = gridOptions.api.getDisplayedRowAtIndex(gridOptions.api.getLastDisplayedRow()); gridOptions.api.applyTransaction({add:[lastrow.data],…
user2175783
  • 1,291
  • 1
  • 12
  • 28
1
vote
0 answers

ag-grid: Customize rowData

I have to make UI as show below, using ag-grid and angular. The 1st column will be pinned. The yellow colored time is the current time and the data which I am getting from service is someting like this: { "table_header": [ { …
Anna
  • 1,669
  • 7
  • 38
  • 63
1
vote
1 answer

AG Grid 26.0.0 Angular 12.2 Server Side Pagination with Infinite rowModelType issue

I have created AG Grid with Server Side pagination using infinite rowModel and it all works fine. I have implemented page size change as well, but i am seeing a strange behavior when i change the size and i scroll down (it seems it gets the same…
alext
  • 678
  • 1
  • 11
  • 25
1
vote
1 answer

AG Grid: checkboxes for leaf nodes when using row groups and multiple auto columns

Is is possible to get a checkbox to appear for leaf nodes in row groups when the grid is configured to display multiple columns for the groups? Plunker example: https://plnkr.co/edit/KlEOO7ro9WvlYHDU in this instance I want checkboxes to appear for…
Richard Misiak
  • 73
  • 7
1
vote
0 answers

Is there a way to 'tag' text within a cell such that that text can be formatted differently and handle click actions?

Is there a way to tag areas of text such that the reader knows he/she can click on the text and perform some actions on it such as go to a url. Ideally the background could be formatted to a 'highlight' color. Once the tag is recognized, 'hover…
CraigInCali
  • 21
  • 2
1
vote
1 answer

Why Ag-grid cell renderer is getting re-initialized on horizontal scrolling (on moveable columns)?

While scrolling moveable columns cell renderer is getting re-initialized due to which the value in ag grid are getting reset. I need solution for this as I am not able to save row data as values gets reset on scrolling. agInit(params): void { …
Pooja Das
  • 11
  • 1
1
vote
0 answers

Why I am getting additional undefined chart column in ag-grid integrated charts

I am using ag-grid library to display some data in the grid view and charts based on this data. I want to group my records by some characteristic(in this example, this will be 'make'). I expected to see 3 chart columns (one for Toyota, Ford and…
Krzysztof Kaczyński
  • 4,412
  • 6
  • 28
  • 51
1
vote
0 answers

Suppress enter - expand group in ag-grid

In Ag-grid you can navigate with the keyboard. When you use grouping you can press enter to expand the current node. Is there a way to stop this when the node is a leaf? GroupCellRenderer.prototype.onKeyDown = function (event) { var…
dewil_de
  • 535
  • 4
  • 11
1
vote
0 answers

Invalid Hook Call Issue with Export Function

I am struggling with the hooks and how can i pass the value from one component to another. I have a component called table.js from which i am trying to pass the table cell clicked value to Grid.js. The variable is peerData . I am able to print it on…
Shivam Agrawal
  • 2,053
  • 4
  • 26
  • 42
1
vote
0 answers

ag-grid data dependent on httprequest sometimes does not load the table

I'm trying to use a currency converter api and use its conversion data into my ag-grid table. The problem is when I load my page, sometimes the ag-grid table is loaded while sometimes it is not. There are occasions where I have to refresh the page…
Forged
  • 171
  • 10
1
vote
1 answer

How to pass the proper input to ag-grid?

I am facing a very weird issue, I am setting up the rowData for agGrid. If I am passing the variable directly, it's not working but printing it on console and assigning it works. I am assuming it might be a data format issue, but I am wondering how…
Shivam Agrawal
  • 2,053
  • 4
  • 26
  • 42
1
vote
2 answers

Adding colDefs dynamically

I'm trying to add the column definition programmatically,on button click, instead of hardcoding it in my ReactJS page. { headerName: "Product1", resizable: true, wrapText: true, cellStyle: { 'white-space': 'normal' }, …
newbie2000
  • 73
  • 1
  • 5
1
vote
1 answer

Rendering columns dynamically

I receive JSON(that has products/categories related information) from a Rest API call, on my ReactJS page. I render this information on ag-grid. Categories are showed horizontally and against each category, products are shown in the…
newbie2000
  • 73
  • 1
  • 5
1 2 3
…
99
100