1,189 questions
0
votes
0
answers
27
views
Ag-grid-angular dont consider row for any filter if the row as a propoert set to true
I want specific rows to skip ag-grid's default filter function if they are having isDataBar property set to true.
I am using below gridOptions, but it's filtering out even the rows having isDataBar
...
0
votes
0
answers
56
views
How to customise keyboard navigation of AgGrid in an Angular application
Right now when I click on tab focus moves to next cell of the ag grid, I want to implement navigation in such a way that
if focus is on column header(not last), the focus should move to next column ...
0
votes
0
answers
41
views
Page unresponsive when loading 10k+ rows into AG Grid pivot table (with row/column virtualization enabled)
I’m new to AG Grid and trying to populate data into a pivot table in Angular.
I fetch the entire dataset in one API call (legacy, so I cannot change backend code).
In the frontend, users can drag ...
0
votes
0
answers
31
views
setting new columnDefs in angular ag-grid is not making the grid change
I have recently started diving into all of the nuances of ag grid (version 31.3.2) and its pretty particular order of operations it expects things to happen in and im running into an issue where using ...
0
votes
0
answers
37
views
AG-Grid lag between cell selection and row selection
I have AG-Grid with high frequency updates and I am using transaction api from AG-Grid.
Everything seems to work fine e.g. using keyboard to move cell and cell selection when clicking the cell both ...
0
votes
0
answers
47
views
Is there a way to utilize built-in cell renderers within a custom one?
I am looking for a way to add validation icons (warning, error with tooltips with details on the problem) to each cell. We have a table with different kind of data, formatters and custom cell ...
0
votes
0
answers
71
views
Aggrid Angular to Expand Row Ancestors with Serverside rendering
Version
"ag-grid-enterprise": "^33.1.1"
Goal: Highlight the newly created node row and focus it in the middle after an API call. If groupings are collapsed, the ancestors group ...
0
votes
0
answers
200
views
AG Grid cells are not rendering correctly or go blank after scrolling
Hey I'm Using AG Grid For Showing Students records but when i scroll on right and come back on left data disappear from cells
Before Horizontal Scrollenter image description here
After Scroll Back To ...
0
votes
0
answers
56
views
Ag grid advanced filter in viewport grid
I am trying to enable advance filter in ag grid with viewport row model, but I dont see the advance filter input box and the builder in the grid
codesandbox: https://codesandbox.io/p/sandbox/viewport-...
0
votes
0
answers
27
views
handle undefined sparkline data
I am using cellRender = 'agSparklineCellRenderer.
For some rows the data for the sparkline cell is undefined.
This results in warnings of the form AG Charts - Option `series[0].xKey` is required and ...
0
votes
0
answers
118
views
Ag-Grid how can I have certain columns stop editing when focused out?
I want to enable a feature that lets users stop editing a cell if they click anywhere outside the cell (outside the grid as well). I know this can be enabled via 'stopEditingWhenCellsLoseFocus', but ...
0
votes
0
answers
55
views
Remove 'Column Filter' option from column header menu in Ag grid
I am using Ag grid for table rendering. I want to remove this 'Column Filter' from the column header menu. I have custom filter enabled. So I dont want to show this Column Filter in the header menu
I ...
0
votes
0
answers
33
views
How to disable parent column move without affecting child column move in AGgrid 31
Is there anyway to disable parent column move, without affecting child column move?
I need to disable only parent column move, i am using aggrid 31 with angular 18
i tried suppressMovable:true for ...
0
votes
0
answers
35
views
How to render variable number of records in ag-grid?
In my scenario, where in page1 of ag-grid I have to display 60 records then in page2 I have to display 130 records and in page3 I have to display 110 records.
The records displayed on any specific ...
0
votes
1
answer
62
views
cells didn't take update when i get into it with tabulation
i have an issue with cells in agGrid. Actually when i am editiing a cell1, and i hit tabulation, somme calculation are made to put value in cell2, but with tabulation from cell1 to cell2, the cell2 is ...
1
vote
1
answer
171
views
AG-Grid Header can't be aligned to center
i am using angular 15 and now developing an aplication that works like excel using ag grid.
i already add the header class to center
[defaultColDef]="{ resizable: false, sortable: false, editable:...
0
votes
0
answers
52
views
AG Grid: headerCheckbox is only available if using 'clientSide' or 'serverSide' rowModelType, you are using infinite
Using AG-Grid (angular). We are getting warning in browser console.
Warning Text:
"AG Grid: headerCheckbox is only available if using 'clientSide' or 'serverSide' rowModelType, you are using ...
0
votes
0
answers
15
views
ag-grid SSRM sorting from nested object key
I am using Ag-Grid (31.1.0, ng15) Server side model to render the JSON in the grid, which works fine. The sorting for each column is working if the value is in the root level, here is the JSON I am ...
0
votes
0
answers
40
views
ag-grid-angular row edit, on tab next cell is focused but not with the calculated value
In my ag grid I have 3 columns grossPremium, cededPremium and retentionPremium. Requirement is to auto populate retentionPremium if other two column values are present. Formula is
grossPremium = ...
0
votes
0
answers
260
views
AG Grid v33.1.0 SSRM: getSelectedRows() / getSelectedNodes() return warnings with header checkbox selection
I'm currently using AG Grid v33.1.0 with the Server-Side Row Model (SSRM)
Use Case
I'm trying to retrieve selected rows or nodes using the header checkbox (i.e., "Select All") functionality. ...
1
vote
2
answers
64
views
Angular reference issue when functions are passed as input to child
I am trying to build a data-grid library by wrapping ag-grid, so that if client decides to change ag-grid to some other library we dont have to work on multiple pages on refactoring. We can just make ...
1
vote
1
answer
93
views
Setting ag-grid detail row color based on a value in the detail field on runtime
I have spent the day trying to figure out how to do this and now come here to potentially find someone who has struggled with this problem as I have.
I have an ag-grid table that has row data with ...
0
votes
1
answer
215
views
Removing Vertical Scrollbar from Pinned Top Rows in AG Grid
I'm using AG Grid to display data in a table and have added a pinned top row to highlight specific information. However, I've noticed that the vertical scrollbar appears over this pinned top row, ...
2
votes
1
answer
100
views
Ag-grid Angular -- Show column menu of invisible column
In my application I have an ag-grid set up with some of the columns being always hidden. I need to be able to show the filter/column menu for these columns while they are hidden. (by pressing an ...
0
votes
0
answers
61
views
AG Grid Angular, Unable to make collapsed row visible
I am using AG Grid library in my angular project. I have 2 grids in a specific view in which I display Tree Data. When I click a row on one grid, I have to scroll down to a specific row in another ...
0
votes
0
answers
51
views
How to mock AG-Grid Grid options like onSortChanged, onColumnResized, and getDetailedRowData in Angular unit tests?
I'm working on an Angular application that uses AG-Grid, and I need to write unit tests for components that interact with the grid. Specifically, I want to mock the following grid options:
...
0
votes
0
answers
53
views
In ag-grid collapse column group, value is getting copy in wrong column order
I am using ag-grid in my angular project, where I have multiple columns across various column groups. All other things are working fine, but when we have one or more collapsed column groups, and we ...
0
votes
0
answers
64
views
How can I display the group name at the bottom of each group in AG Grid's Tree Data Mode?
In AG Grid's Tree Data Mode, by default, group names appear at the top as group headers. I want to display the group name at the bottom of each group, How can I do that in AG Grid's Tree Data Angular?
...
0
votes
0
answers
51
views
How to get the value on the child using the emitter and pass it to the parent grid table in angular 19
grid-table.component.ts
export class GridTableComponent implements OnInit {
@Input() gridOptions!: GridOptions;
@Input() rowActions!: any;
@Input() activeRowTriggered!: any;
...
0
votes
0
answers
50
views
How to show a tooltip on hover of agRichSelect dropdown items in AG Grid v30.2 (Vue 2)?
I am using AG Grid v30.2 with Vue 2 and have a column with agRichSelect as the cell editor. I want to display a tooltip when hovering over the dropdown options inside the agRichSelect editor.
Is it ...
1
vote
0
answers
47
views
AG-Grid Row Height Not Adjusting for Multi-line Text (Dynamic Server-side Data)
I’m using AG-Grid with server-side data in an Angular application. One of my columns contains multi-line text (e.g., addresses), but the row height doesn’t adjust dynamically, causing text overlap or ...
0
votes
0
answers
50
views
How to extend autoWidthCalculator bean or any other beans in ag grid?
The main question: How to extend a bean in ag-grid and how to override a bean using the extended one?
Here is the detail:
I'm facing a problem with auto size column width action in ag-grid when ...
0
votes
1
answer
180
views
Ag-Grid side bar column names uses fixed headerName string, how to customize?
We are using AgGrid in our (new) Angular single page application.
I run into the following problem with the headerName in the sidebar:
For the table header, we use a custom component to translate the ...
0
votes
0
answers
60
views
Shrink ag-grid table if enough space
I have not found any example or reference about how to shrink an ag-grid table if it already has enough space to fit all columns. The screenshot shows a table spanning the whole window space available,...
3
votes
1
answer
429
views
Ag Grid v 32 showLoadingOverlay() alternative
In an Angular project from I am updating Ag grid version from 31.3.1 to 32-lts. And to do this I have run command "$ npx u/ag-grid-devtools/cli@^32.2 migrate --from=31.3.1" While executing ...
1
vote
1
answer
406
views
How to change date format in date filter?
In my Angular frontend I am using agDateColumnFilter for Date filter. When I change the user locale my code logic translates the column value in respective locale's date format, but the date format of ...
0
votes
1
answer
279
views
Angular Ag grid ver 33.04 issue with Column Menu
Column Menu of Angular ag-grid ver 33.0.4 is throwing the below error ,
I am using enterprise version and passing the basic coldef object
colDefs: ColDef<IRow>[] = [
{ field: "make&...
3
votes
1
answer
303
views
How to sync column widths in ag-Grid Master-Detail Nesting
I am working on an Angular18 application that uses ag-Grid with a master-detail nesting to display conversation details grid inside a message thread grid.
I want to achieve the following behaviour:
...
1
vote
1
answer
95
views
Issue with Tabbing into Button Column Using Keyboard Suppress Event
I'm encountering an issue in my AG Grid implementation in Angular. I have added a keyboard suppress event to allow users to tab into a cell and interact with a button inside that cell using the ...
1
vote
1
answer
136
views
Ag-Grid Angular row alignment issue
When grouping rows, I have 3 levels of data and 2 grouping sets. As I expand the first level grouping the data aligns correctly under the appropriate column headers that it belongs to. However, when I ...
1
vote
1
answer
142
views
Multi-select Filter in ag-grid-angular
I have a multi-select filter option on top of my ag-grid table. If I select 3 options out of them, the filter set to the model is given below. But ag-grid is not applying all the 3 options. It ...
0
votes
0
answers
41
views
Does AgGrid have an autosize feature to decide between fit cell content and fit grid width?
I always set autoSizeStrategy to fitCellContents, but sometimes this happens, a small gap at the end of the grid:
I'm looking for a way to, if the fitCellContents is not filling the entire grid, use ...
0
votes
1
answer
155
views
Setting AGGrid number filter saves it as a text filter
I am using ag-grid-community 33.0.3 and ag-grid-angular 33.0.3
I have code that sets column filter using the api
applyNumberFilter(operation: OperationsFormValue) {
const filterModel = this....
0
votes
1
answer
555
views
How to Make AG Grid Responsive for Mobile and Tablet Views in Angular?
I am using AG Grid in my Angular application to display data in a grid. The grid looks great on a laptop, but when viewed on mobile or tablet (iPad), all the columns get compressed and become hard to ...
0
votes
0
answers
92
views
AG-Grid - Pivoting - Horizontal and vertical columns
We are trying to build a grid that would contain columns both horizontally and vertically. Like the below grid.
We would have multiple header columns. User should have an option to add and remove the ...
0
votes
0
answers
66
views
AG Chart Time Axis Luxon DateTime vs js Date
Does the AG Chart API provide a callback for a data series to provide for converting the data format?
We use Luxon DateTime objects in our application, but it appears AG Chart only supports JS Date or ...
0
votes
0
answers
70
views
AG Grid Column grouping with unique value of array values
I need to show comma separated by array values for column 'category' in grid. When we try to group category column, instead of just grouping with comma separated values, need to display unique ...
1
vote
0
answers
666
views
Intermittent Issue with Checkboxes; Sometime Not Displaying in ag-Grid
we are experiencing an intermittent issue with checkboxes not displaying in ag-Grid on our website. The checkboxes are sometimes missing from the grid, Sometime it's not like all the rows are not ...
0
votes
0
answers
135
views
Issue in Sticky Header in Angular AG Grid - Header Freeze Not Working
If we're using normal table functionalities we will use the below kind of methods to fix the header sticky which will keep the position sticky on scrolling the table, but when its comes to AGGrid i ...
-1
votes
1
answer
288
views
Filtering AG grid master detail (across main and detailed grids) angular
I am trying to mimic the working example found in the example here with the latest APIs of AG grid (latest version to date), I'm not able to figure out what is wrong and why the filter doesn't work
...