5,027 questions
-3
votes
1
answer
89
views
Are codemods useful for Vue projects? ag-Grid migrate command throws “unexpected token” and does not update deprecated Changes [closed]
I am working on a Vue application and recently upgraded ag-Grid from an older version to a newer one. The ag-Grid documentation mentions using a codemod / migrate command to automatically update ...
0
votes
0
answers
54
views
Streamlit AgGrid - can't update without table flickering
I have an ag grid that contains calcculations that are too complicated for value getters. I want users to be able to update checkboxes/dropdowns in the grid and for the grid to update. Currently, ...
0
votes
1
answer
60
views
How to display an array in an ag grid cell
I want to display an array of values in an aggrid cell.
I could use the cellRenderer in the column definition to implode the array of values:
cellRenderer: params => params.value.join('<br>')
...
0
votes
0
answers
37
views
How to set the grid height to normal and pagination row to normal height?
<ag-grid-angular
style="width: 100%; height: 100%;"
class="ag-theme-alpine"
[rowData]="peopleData"
[columnDefs]="agGridColumnDefs"
[...
0
votes
0
answers
35
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
41
views
Issue with ag grid tree data structure V26
I have this configuration for my ag grid tree data :
QuoteLineItemsGrid: GridOptions = {
columnDefs: this.initQuoteLineItemsGrid(),
domLayout: 'autoHeight',
rowSelection: 'single',
sideBar: {
...
0
votes
0
answers
65
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
2
answers
92
views
How can I detect when the AG Grid filter dialog closes?
I have an AG Grid, implemented in React/Typescript. It automatically updates with new data, and the columns have filters. When new data comes in, the grid reloads with the changes, which closes the ...
-1
votes
0
answers
37
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 ...
1
vote
1
answer
82
views
How do I make the filter ignore case and spacing?
I've inherited some React code which uses AG Grid; I haven't delved into it much because it has pretty much just worked, but now I'm stumped on an issue.
I have a table with a postcode field, defined ...
0
votes
1
answer
212
views
AG Grid v34 agSetColumnFilter – "Select all" with defaultToNothingSelected: true no longer filters out empty/NULL values
After upgrading AG Grid from version 33 to 34, I noticed a change in the behavior of the agSetColumnFilter.
Setup:
Column filter: agSetColumnFilter
Config option: defaultToNothingSelected: true
...
1
vote
0
answers
123
views
Why does AG Grid not allow Backspace to act as a delete key on Windows/Linux?
Current behavior
Windows/Linux: Pressing Backspace on a selected cell starts cell editing.
macOS: Pressing Backspace on a selected cell deletes the cell content.
Expected behavior
In standard ...
0
votes
0
answers
54
views
How to make number type cell editors accept cell expressions?
agNumberCellEditor accept doesn't accept cell expressions.
This expression =9+1 resolves to 10 with agTextCellEditor but not with agNumberCellEditor. Not able to type "=" into the number ...
0
votes
1
answer
94
views
How to make Pinned Section Scrollable
I’m working with AG-Grid in an Angular project and encountered a scenario with pinned columns. Specifically, when the combined width of pinned columns exceeds the available grid width, AG-Grid ...
0
votes
0
answers
68
views
NG0901 on ag-grid when calling query Params
i think i got far too lost and maybe i need someone to help me out on this. I will try to provide all the code snippets needed.
I have several similar pages, so it's kind of scrapped together, on each ...
0
votes
0
answers
46
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
62
views
Adjust submenu close delay in ag-grid
I'm using ag-grid. When you right-click, I'm finding that submenus close too quickly. This makes it hard to mouse over from the main menu item to the submenu. Here's a screen recording of me ...
0
votes
1
answer
81
views
How to show one horizontal scrollbar for pinned and non-pinned columns? [closed]
I'm using AG Grid in React and have some columns pinned to the left.
AG Grid is showing two horizontal scrollbars — one for pinned columns and one for non-pinned columns.
I want to show only one ...
0
votes
0
answers
45
views
ipyaggrid cell style conditional coloring
ipyaggrid.__version__ = 0.5.4
I want to color code some cells in a column called name if the cell value equals 'xyz'.
The code below is suggested by ChatGPT but it doesn't work. ipyaggrid simply ...
0
votes
1
answer
87
views
How to disable caching and fetch group parent rows on every page change?
I'm using AG Grid with the server-side row model, along with pagination and row grouping.
Playground - https://plnkr.co/edit/VRqkoRfryOeoJgVl?open=index.jsx&preview
I want the grid to fetch data ...
0
votes
0
answers
58
views
Cell Renderers on AG Grid detail subgrid
I've been implementing the Master/Detail functionality on an existing AG Grid and the cellRenderers don't seem to be getting applied to the cells in the detail grid. Looking at the documentation I ...
0
votes
0
answers
106
views
AG Grid: How to filter date values when displayed in localized format using Date.toLocaleDateString()
I am using ag-grid in a React application and have a date column where the data is stored as YYYY-MM-DD strings. I display the dates in a localized format (e.g., MM-DD-YYYY for US) using a ...
0
votes
0
answers
48
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
72
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
65
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
28
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
1
answer
137
views
Ag-grid cannot change dropdown value. It always goes back to its pre-state
I have ag-grid and one column is dropdown (name of column is Color). I have problem when changing the value of the dropdown. It always goes back to its pre-state. For example below. The first record ...
2
votes
1
answer
88
views
Checkbox style is ruined onclick cell ag-grid reactjs typescript on Modal window
I have ag-grid rendered from modal and that grid has checkbox column. When I clicked the checkbox to check/uncheck it, the layout or the ui and alignment of the checkbox is ruined. The checkbox is ...
0
votes
0
answers
86
views
Ag-grid's advance filtering not working with datetime column
I have a column with columnDef as -
const expiryDateColDef = {
colId: 'expiryDate',
headerName: 'Expiry Date',
field: 'expiryDate',
filter: 'agDateColumnFilter',
cellDataType : '...
0
votes
0
answers
23
views
Context menu hides when new row added to Aggrid
As the title says, AGgrid hides context menu when new rows are added to the grid. Any particular prop to enable that can solve this issue ?
1
vote
1
answer
100
views
AG Grid CSS (data-ag-global-css) removed on drawer close in Module Federation remote, but not in host
I'm working with Webpack Module Federation and React, and I’m running into an issue where AG Grid's CSS gets removed from the DOM when its component (inside an Ant Design Drawer) is unmounted.
🔧 ...
0
votes
0
answers
82
views
Ag grid: SSRM row grouped data render as flat view
In AgGrid SSRM.I am using group display=multiple columns. I have a use case where I have to render the grouped data as flat view instead of nested(parent-child). How to achieve this behavior?
0
votes
0
answers
60
views
Issues with Language Change, Theme Switching, and Data Refresh Outside Component
Now, when users change the language of the app, I need to destroy the current grid, after saving the applied filters of the actual grid by the user, and then create a new grid. However, this process:
...
2
votes
0
answers
71
views
How to change the language dynamically without flickering?
I have implemented gridOptions in my AG-GRID and included localeText: AG_GRID_LOCALE_ES, so the AG-GRID table starts in Spanish. Now, I need to implement a dynamic change to this language depending on ...
0
votes
0
answers
120
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 ...
2
votes
1
answer
103
views
Ag-Grid ReactJS checkbox cell with aligned center items has issue when cell is clicked using TypeScript
I have a 3-column grid. The first column is a checkbox aligned in the center cell, which is editable (can be checked/unchecked).
My issue is that when I click the cell outside the checkbox item, the ...
0
votes
0
answers
57
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
1
answer
195
views
Retain edited cell value onblur or click away ag-grid reactjs using typescript
I have grid using ag-grid reactjs typescript that has 3 columns. The 3rd column named "Value" is editable. I was able to edit the value but when onblur event, I lost the edited value and the ...
0
votes
0
answers
306
views
How to set a global light / dark theme?
We are using AgGrid and AgChart in our Angular application, and we have a button in the navbar that switches the theme between light and dark. This button applies the theme globally.
For AgGrid, it ...
0
votes
0
answers
34
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 ...
1
vote
0
answers
115
views
Custom header checkbox fully accessible to keyboard users (Tab)?
I'm using AG Grid in a Salesforce LWC project and have implemented a custom header checkbox for select-all functionality. The checkbox is rendered in the header using a custom class (not AG Grid’s ...
0
votes
0
answers
52
views
AgselectedRowCountComponent in ag-grid status panel shows all rows instead of filtered selected rows
I am using AgselectedRowCountComponent in the status panel of an ag-grid table to display the count of selected rows. However, when i filter the data and use the "Select all" functionality, ...
1
vote
0
answers
56
views
How to implement date and time filter together for ag grid table column?
I want to filter the column in ag grid for date and time together ag grid doesnot support date and time filter together.
I tried using only time but the filtering is not happening in ag grid it is not ...
1
vote
1
answer
114
views
streamlit-aggrid multiselect : preview values were `undefined(undefined)`
I'm using streamlit-aggrid to display table.
In the C column i use multiselect feature, select items and results are ok,
but during selecting ,the preview values were undefined(undefined).
I prefer to ...
2
votes
0
answers
47
views
AG-Grid Custom sorting based on a list
I am trying to custom sort a grouped AG-Grid on the sport column based on a list SPORT_ORDER = [“Swimming”, “Gymnastics”, “Speed Skating”] but am unable to setup a comparator for it.
I am not sure if ...
0
votes
2
answers
319
views
How to show row numbers in AG Grid?
I'm using AG Grid in a plain JavaScript project. I tried adding rowNumbers: true in the grid options, but it doesn't show row numbers on each row.
How can I correctly display row numbers in AG Grid? ...
0
votes
0
answers
50
views
AG Grid: Hide rows with eye icon and show "Show hidden rows (X)" inline between rows
AG Grid: Hide rows with eye icon and show "Show hidden rows (X)" inline between rows
I'm building a feature in AG Grid where users can hide individual rows using an eye icon in an "...
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
63
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
196
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:...