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
1 answer

How to compare two data in the same row in Ag Grid?

I'm using Angular and Ag Grid. I have a contract_start column and and contract_end column (date type) in an Ag Grid table. I want that the contract_end's cell's value can only be changed when the contract_end cell's date is bigger than the…
Caladriel
  • 13
  • 3
1
vote
0 answers

How to prevent ag-Grid unnecessary full width

I've read https://www.ag-grid.com/react-data-grid/grid-size/#top but still haven't figured out: How can I make the table's width behave like auto so that it doesn't unnecessarily expand to the full width, taking up the entire window even when its…
Ryan
  • 22,332
  • 31
  • 176
  • 357
1
vote
0 answers

ag-grid-vue: center column content

Versions: Vue: 3.0.0 ag-grid-community: 26.1.0 ag-grid-vue3: 26.1.2 Chrome: 95.0.4638.54 (Official Build) (x86_64) How can I center content under a single column? Note that I've tried various solutions; all failed. I list code below. Here are…
Kode Charlie
  • 1,297
  • 16
  • 32
1
vote
1 answer

ag-Grid: How can I Unit test ICellRendererAngularComp

I have created a custom control which implements ICellRendererAngularComp from ag-grid with a set of actions and injected it into my ag-grid main component, but I'm not sure how can I write my tests for the custom control as to mock the params do we…
Akhil RJ
  • 312
  • 1
  • 4
  • 19
1
vote
1 answer

How to test the grid API is available for ag-grid in Angular?

I an trying to write the unit test using jasmine for ag-grid. HTMl
Akash Sinha
  • 23
  • 4
1
vote
0 answers

Ag-Grid Custom filter doesFilterPass not triggering?

I'm trying to implement a custom filter and followed a lot of tutorials, but always end up blocked at doesFilterPass. It does not seems to trigger at all and I'm not sure why since there's no warning or error message. Here's the code. Everything…
Mab
  • 11
  • 1
1
vote
0 answers

Ag-Grid: Drag and Drop between Master/Detail grids?

If I have 2 master rows expanded and their corresponding detail tables visible, can I drag a row from one detail table into the other and receive an event telling me which row it was (so I can update things on the server)? This example (for passing…
cs_pupil
  • 2,782
  • 27
  • 39
1
vote
0 answers

When I click the refresh data button, the table appears blank first, and then the new data is rendered. How can I avoid this phenomenon?

Framework: react Example: https://plnkr.co/edit/ONnLsqILeHCV7fyX Current behavior Prerequisite: set the column property cellrendererframework. field: colName, cellRendererFramework: CellRender, When I click the refresh data button, the table…
wts
  • 11
  • 1
1
vote
1 answer

ag-Grid Disable Multi Column Sorting on column cellRenderer click

Can someone please assist me with this? Initially the ag-Grid has the Name column set as the default sort and if one clicks on another column header, the sort changes properly. After the page load, if one clicks on the link in column1 all is…
Timothy
  • 13
  • 4
1
vote
1 answer

AG-Grid gridReady not being called on tests with Angular and Jest

The gridReady method of the Angular AG Grid is not being called in the Jest tests. Do you know why? Here you have my test code: import {TestBed} from "@angular/core/testing"; import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from…
Jöcker
  • 5,281
  • 2
  • 38
  • 44
1
vote
1 answer

Using Ag grid's gridApi from multiple components

I am using ag grid in one my react applications. I am initializing my grid in one of the components and saving the gridApi on a state variable by useState inside onGridReady method. The thing is, I want to access gridApi from some other components…
zze159753
  • 55
  • 1
  • 5
1
vote
3 answers

Vertically center the text in the group headers for an AgGrid control using CSS?

I'm using react and trying to get the group labels to the left in this screenshot vertically centered, same as the values. I've tried the following with no result: .ag-header-group-cell-label { display: flex; align-items: center; }
Tokyo D
  • 173
  • 2
  • 10
1
vote
2 answers

Save column header filter in ag-grid in angular

I am working on an existing application in which they have used ag-grid library for angular for most of the grids that they have in their application. Now the ag-grid gives the functionality to filter the grid based on a column value by using the…
Shubham Tiwari
  • 959
  • 1
  • 11
  • 32
1
vote
1 answer

React AgGrid - Row Style based on conditions from the props

I am using AgGrid for React and I am using class-style react components - not functional components. My goal is to render the cellStyle based on props conditions. However, when I want to render it, it renders without even the props are loaded. How…
emplo yee
  • 205
  • 2
  • 13
1
vote
0 answers

AG Grid: Framework component is missing the method getValue() Vue3 Composition API with expose

I'm currently using ag-grid to render data and it works fine untill I try to edit cells using my custom cellEditorFramework component: export default defineComponent({ name: 'LinesViewVersionEditor', props: ['params'], setup(props, {…
Alexander Nikolaev
  • 11
  • 1
1 2 3
…
99
100