135 questions
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
1
answer
257
views
Vite: how to exclude one file from treeshaking?
I have one vue app, which uses Ag-Grid and I have a vuejs component as a custom column filter for Ag-Grid.
https://www.ag-grid.com/vue-data-grid/component-filter/
https://www.ag-grid.com/vue-data-grid/...
0
votes
0
answers
57
views
AG-Grid - migration from v32 to v33, vue reactivity
I have a trouble with ag-grid migration from version 32 to 33.
rowData for grid is an array of reactive objects. In previous version, I was able to access object functions in cellRender, because ...
-1
votes
0
answers
56
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 ...
0
votes
1
answer
37
views
Is it possible to get a reference to this.params for a component built as a Single-File Vue Component [*.vue file]
I am currently building out an application that is using ag-grid and would like to be able to implement a custom column header component. The app is written in Vue Typescript and all of the individual ...
0
votes
0
answers
51
views
How can I merge cells of Ag-grid-vue3?
I try to use 'rowspan' in ag-grid-vue3
but it's works like this.
Second cell is still alive.
This is my code
const diagnosisListGridOptions = ref({
rowData: diagnosisListRowData.value,
...
0
votes
0
answers
73
views
AG Grid enterprise rowGroup is not working
Geting warning as follows ==>
AG Grid: rowGroup is only valid with AG Grid Enterprise Module @ag-grid-enterprise/row-grouping - your column definition should not have rowGroup
But rows where not ...
0
votes
1
answer
128
views
Ag Grid Vue 3 setting/saving editor value
I think I'm a bit confused on how to implement my cell editor as I'm testing out AG Grid. I have a field called "Week1" with a value of "a:8:0.63:0:1:0:1".
I'm using a ...
1
vote
1
answer
246
views
Server-side pagination. How to reset pagination to page 1 on sort?
I'm using ag-grid-vue enterprise 32.1.0.
Server-side pagination with server-side sort.
When i sort a column, the params passed to getRows() preserve the startRow and endRow of the current page. How ...
1
vote
0
answers
143
views
Trouble Accessing AG Grid Data with Selenium Due to DOM Virtualization
I'm facing an issue while trying to automate a table built with AG Grid using Selenium. The data I'm attempting to access isn't loading in the DOM due to AG Grid's DOM virtualization feature. As a ...
0
votes
0
answers
337
views
AgGrid applyTransaction add produces duplicate rows with getRowId set to return primary key
Why is AgGrid transaction api allow adding duplicate rows with the same primary key from getRowId()
Is this by design or a bug?
https://www.ag-grid.com/javascript-data-grid/data-update-transactions/
...
0
votes
1
answer
268
views
How to get the count of total rows from ag-grid with serveur side row model (datasource) using vue js?
I'm using ag-grid and vue, with the server side row model.
I would like to display the count of all the rows, and not only the displayed rows but really the count of all the rows from database. This ...
2
votes
1
answer
281
views
AG Grid: You are mixing modules (i.e. @ag-grid-community/core) and packages (ag-grid-community)
I'm getting this warning message in my console:
AG Grid: You are mixing modules (i.e. @ag-grid-community/core) and
packages (ag-grid-community) - you can only use one or the other of
these mechanisms....
0
votes
2
answers
569
views
I'm using ag-grid with Vue installed through npm, how do I import the styles as of version 29.0.0?
I'm using ag-grid with Vue 2. I'm upgrading the version of ag-grid from 24 (ish) to 29.0.0. I have ag-grid installed with npm. With version 24 the project imported the styles sheets from the node ...
0
votes
1
answer
366
views
Is there any way to check if grouping is active in AG-grid vue?
I am using row grouping panel for ag-grid in Vue. Here we can drop column headers to group by any field. Is there any ag-grid parameter or function to check if grouping is active at the moment or not?
1
vote
2
answers
547
views
Vue-ag-grid custom column filter with Composition API SFC
Vuejs has Composition API SFC for a long time, this is the new default API for vuejs. But ag-grid vuejs documentation contains only old Options API / Composition API without SFC examples.
Please ...
0
votes
0
answers
180
views
Prevent horizontal scroll reset when updating vue-ag-grid columnDefs
I'm trying to update vue-ag-grid's columnDefs with new values using the updateGridOptions method. However, this action resets the horizontal scroll back to the starting position, which leads to a poor ...
1
vote
1
answer
1k
views
refreshHeader() function is not updating header names after I change i18 locale
As title says, my AG-GRID table is not updating Header names. I've trying to update using two ways: manual and auto.
How manual way works? I have a simple button that fires a @click="updateHeader&...
0
votes
2
answers
219
views
ag-grid collapse header of grouped row it becomes a blank row
When I collapse a certain row that is a header of grouped rows, the rows really disappear, but the header does not return instead I have an empty row and the first child row remains. Other than that, ...
0
votes
1
answer
2k
views
Set the pinnedBottomRowData in Ag Grid with colId
I'm having an issue with displaying data in the pinned row in ag-Grid Vue 2. I'm using pinnedBottomRowData to provide data for the pinned row, but the row remains empty even though the pinned row is ...
0
votes
1
answer
163
views
Ag-grid Tree with sparklines?
I am trying to use sparklines on a tree in ag-grid. Is there a way to do this? The aggFunc is called, but the results do not appear to be used. I also tried to set values on the tree itself, but ...
1
vote
0
answers
167
views
How to not loose undo/redo stack data on updating column definition in AG-Grid
I am working on an Ag-grid project, where I have a toggle button to toggle between two groupBy's. Each group by has different Column definitions, which I am then updating using GridApi. When the ...
1
vote
1
answer
4k
views
AG-Grid: Is there a way to make a button to expand / collapse the Column Grouping programmatically?
I want to implement a button which allows us to expand/collapse all the Grouped Columns in a programmatic way. Something similar to the already existing expand/collapse icon but for all the column ...
0
votes
2
answers
705
views
Display the sum of a column that calculates the sum of rows, in the first cell of said column?
In ag-grid and Vue2 I have a column that sums its rows. The grid also adds two rows to the top: a totals row and a percentage row. The problem I'm facing is: displaying the sum of the totals column ...
0
votes
1
answer
549
views
Referencing another field in cellRenderer
I am using AG-Grid. I have bunch of fields in columnDefs and a cellRenderer for one of the fields. I want to refer to another field in the cellRenderer. How can I do it?
Thanks
3
votes
1
answer
453
views
AG Grid: Framework component is missing the method isFilterActive()
I am using "ag-grid-community": "^29.3.3", "ag-grid-vue3": "^29.3.3", with vue 3 composition api.
This is custom filter component which i am using to filter ...
0
votes
1
answer
292
views
In ag-grid how do I make the active row color change to the selected row when the keyboard is used to navigate cells
See below, when I used the keyboard arrow keys to move 1 row down, the highlighted row is still the one above it:
1
vote
1
answer
194
views
How can I pass an ag-grid table in nodejs?
I have a page in which I generate in the back-end a table using the AG-GRID library, generating a file (js). This file once generated I call it from my front-end in which I use Handlebars. So far the ...
3
votes
0
answers
2k
views
Ag grid Enterprise agNumberCellEditor not working
I am using Ag Grid enterprise and getting below error for inbuilt editors when I used for a column, any thoughts
{
headerName: "Branches",
field: "branches",
width: 120,
...
1
vote
1
answer
1k
views
Why doesn't ag-grid always update after removing a row from the rowData ref value?
I am finding that in ag-grid community edition using vue, if I remove one row from the rowData array, the row removed is immediately removed from the grid. I can see the update right away. But any ...
1
vote
3
answers
989
views
How can I autosize all the columns in ag-grid when column virtualization is switched on?
According to the ag-grid documentation (https://www.ag-grid.com/javascript-data-grid/column-sizing/)
"The choice is yours, whether you want column virtualisation working OR auto-size working ...
0
votes
0
answers
193
views
Create tree like structure on flat ag-grid table without using tree structure of ag-grid
I have some heirachical data I don't want to display using a tree data structure offered by ag-grid, but on the flat table itself using cell-renderer want to showcase it as a tree.
I am able to mange ...
0
votes
0
answers
556
views
How to hide tooltip displayed in AG Grid Columns tool panel?
I am adding a header tooltip for each of the headers in AG Grid.
As it also has a column selection menu as well as a Filter Tool Panel, the same headers are displayed in that pop-up menu and they also ...
1
vote
1
answer
3k
views
Using ag grid with vuejs, how can i make each cells reactive without resetting every cells?
I am facing some issues with AgGrid in Vue3 about reactivity.
I would like to make every cells reactives to other cells changes with custom inputs components (CellRenderer + CellRendererParams).
For ...
0
votes
0
answers
26
views
Webpage number of HTML nodes explodes: how to diagnose?
I couldn't yet figure out what actions lead for the number of HTML nodes to explode in a vue3 app.
Where do I start to figure the
Unfortunately, there's no error. And after a while, the browser tab ...
0
votes
0
answers
120
views
Scrolling is disabled in ag-grid-vue
I am working on a bit older project with ag-grid-vue version 26.2.1 and vue 2 version 2.6.14. The scrolling feature of ag-grid-vue is completely disabled. I tried to follow the documentation and did ...
0
votes
1
answer
583
views
Ag-Grid :: Add 2 child rows in replacement of one child row on parellel side
The requirement is that I want to add the rows based on the selected options from the search as you are able to see from the image (I have selected 2 items from the search) as soon I click on replace ...
1
vote
2
answers
2k
views
Is there way to customise ag grid child count?
I m working with ag grid react, I have done row group. Now Parent row showing child row counts with numeric values. Is there any function to customise row count style.
And I want to calculate rows ...
0
votes
1
answer
511
views
do provided cell editors work with ag-grid-vue3?
I am using ag-grid via ag-grid-vue3, and when I try applying one of the cell editors such as agDateStringCellEditor, it doesn't seem to have any effect. For example, with this column definition:
...
0
votes
1
answer
379
views
How to know that AG GRID purge process is still in progress?
I have a use case where numerous background processes are running on the ag-grid row nodes, involving filters and other operations.
When I apply a specific filter, such as a time range, I need to ...
0
votes
1
answer
1k
views
Using Ag-Grid with Vue2 and Nuxt2
I've just started learning (exploring the world of frontend if you will) now and received a task to incorporate Ag Grid into a very basic nuxt 2 app, but no matter what i do, it just doesn't seem to ...
2
votes
1
answer
1k
views
Pass parent component in ag-grid context with vue3 composition API
I want to bubble up an emit from a child component in ag-grid using vuejs 3. My strategy is to pass the parent component down with the composition API using <script setup> for use in the child ...
1
vote
1
answer
478
views
in ag-grid community edition, how do you get the column menu icon to work as expected
Using vue3 and ag-grid community edition, when I click on the column menu icon, the text-filter menu does not pop up and the whole grid starts flashing. There are no errors in the console.
Browsers: ...
1
vote
1
answer
1k
views
Is there a way to sort grouped rows by the number of child rows? AG Grid
There is a similar question named How to sort by the row group count in ag grid?
The anwser although marked correct, doesn't solve the issue.
It involves using custom sorting provided at a column ...
0
votes
1
answer
2k
views
Ag-Grid get Group column names
I'm tryin to get all id's names from Row Group after clicking on 'Pivot mode' and it gives me just the name of 'Group'.
There is any way to get the name of 'Item'?
0
votes
1
answer
316
views
Ag grid Vue Search filter
How to make this kinda search filter in ag grid vue?
Link for photo: https://ibb.co/cwVq7DD
Docs link: https://www.ag-grid.com/vue-data-grid/tool-panel-columns/#read-only-functions
I tried to use but ...
0
votes
2
answers
330
views
Row Ids not assigned with vue ag-grid
I'm trying to have user-defined row-ids to prevent rerendering instead of Application assigned Ids as described in Vue ag-grid docs. However, unique row-ids are not getting assigned to the rows and ...
0
votes
1
answer
869
views
How to change row-group child count dynamically based on condition in [email protected] using Client-side Model?
My problem is if I have a single row and that row all column is empty I want to hide the row count of the row-group else how many children are there then it has to count each row-group has to ...
0
votes
1
answer
909
views
AG-GRID: Sort the Current Page Rows in Infinite Row Model
I am new to ag-grid and JS and I am trying to create a Server Side Paginated View of my data.
These are the Test settings I am currently using. They are working fine.
datasource: updateDataSource(),
...
0
votes
1
answer
336
views
Ag-grid: Change the color of cell only on value change
I want to pass two use cases ,
Suppose the value of cell is initially 1
If I changed it 2 then color of cell should get changed.
If again I, changed back to 1 then color of the cell should not get ...