Questions tagged [ag-grid]

1

votes
0

answer
209

Views

AG-Grid : Share same custom editor between multiple columns

I have grid implemented using ag-grid. And I have created custom cell-editor for a particular column which is bootstrap-select as mentioned below: self.selectCellEditor = function () { }; self.selectCellEditor.prototype = { init: function (params) { var options = ''; for(var i = 0; i < params.value...
confusedDeveloper
1

votes
1

answer
509

Views

Webpack ag-grid-enterprise import

I try to use ag-grid-enterprise in my app (webpack build). I import thats way: import * as agGrid from 'ag-grid/dist/ag-grid.min'; import 'ag-grid-enterprise/main' The agGrid functionality is working, but the enterprise methods are not available. How can I solve it? Thanks
user3712353
1

votes
0

answer
168

Views

Ag-grid - button causing page reload

I've got a component that uses ag-grid. The component is eventually rendered inside a form element on another page. (I don't have any control over that situation.) In the grid I have a filter button on each column like this... The red circle shows the button. The problem occurs when the user clicks...
Andrew Cooper
1

votes
0

answer
99

Views

Does ag-grid expose the div row element to consumers?

I was trying to add my own custom directives to the div rows created by ag-grid. As investigated, each ag-grid row will made up of a div element level. I need to get access to that div element level. For example each div element row will contain, Does ag-grid expose this div row element to consumers...
Danaley
1

votes
0

answer
141

Views

How to change innerHTML with ag-grid processRowPostCreate?

I read that this gridoption callback allows users to process the rows, which is to add attributes. I like to add my own angular attributes [myCustomAttribute] = 'XXXX' into the ag-grid rows but my code dont seems to work. processRowPostCreate: (params) => { if (params) { const eRow = params.eRow; co...
Danaley
1

votes
0

answer
54

Views

ag-grid actualComparator error

i'm building an ag-Grid in Vue.js . I'm trying to set colDefs and dataRow dinamically, and all is ok but i've 'actualComparator is not a function' error when i set a date filter. coldefs are dinamics and i receive from json colDefs:[ { 'field' : 'field1', 'filter' : 'text', 'headerName' : 'Name', 'w...
dpope
1

votes
0

answer
111

Views

gridOptions.columnDefs.comparator is not getting called

I am using ag grid and I want custom sorting. I am trying to add custom sort using comparator but it is not getting called on click of column header. gridOptions.columnDefs = [ { headerName: this.localeService.getLocaleText('Status'), field: 'status', width: 100, param: this, cellRenderer: this.devi...
Basavaraj
1

votes
0

answer
125

Views

Angular 1.x and AG-Grid Components

I'm trying to upgrade our app from a really old version to the latest (v16). Since they have deprecated the old way of cell and header renders I'm trying to wrap my head around using scope and Angular compilation. The ag-grid documentation states: You will then need to manage creating and destroy...
Scott Walter
1

votes
0

answer
772

Views

Update column value in Ag-Grid

I'm loading the Grid in Component A. In Component B i'm modifying a value, that modified value should be reflected in Component A. using Subject i can successfully get the modified value to Component A but the updated value is not getting displayed. Please help me here i'm stuck with this issue. Be...
arunkumar
1

votes
1

answer
472

Views

Adding new row to ag-grid at the top of the grid react

I'm having trouble figuring out how i should properly go about adding a empty row to my ag-grid at the top of the table. Right now this is how my component / user lifecycle is: Load page Render Grid (from componentDidMount, asking for data from reducer) fetch data from db (list of roles) update my r...
Karan
1

votes
2

answer
343

Views

ag-grid Angular 1 onFilterModified event how to get params

I am adding grid options like below code : var gridOptions = { columnDefs: columnDefs, rowData: null, enableFilter: true, onFilterChanged: function() {console.log('onFilterChanged');}, onFilterModified: function() {console.log('onFilterModified');} }; But in event onFilterModified - I am not able to...
Mohit Saxena
1

votes
0

answer
115

Views

Dynamically change Min and Max date

I'm using jquery multiple date picker in Angular 4 Ag-Grid. I've scenario where the min and max date will change dynamically. Issue is the updated min and max value is updated only after i refresh the page. Is there any way to update the calendar without page refresh. I've created a sample plunker...
arunkumar
1

votes
0

answer
128

Views

React Redux and aggrid rebinding data

Having another issue with aggrid where I can't seem to figure out how to update a table of checkboxes the best way. I can turn deltaRowDataMode off and all works well, however it renders the whole grid and I just don't like the idea of ignoring performance. (incase i had thousands of users). I set...
Karan
1

votes
1

answer
696

Views

Get Cell value after cell rendering applied to it ag-grid

I am using ag-grid to display some information. var grid_column_definitions = [ { field: 'id', headerName: 'ID', cellRenderer: function (params) { if (!params.data) return ''; return '{{data.id}}'; } } ] I know I can get the value of the cell using ag_grid api : (cell.node.data) But this returns me...
undefined
1

votes
1

answer
174

Views

AG-Grid Column Headers stacked to left

I am using ag-grid react and when rendering table. I am getting column headers stacked to left. The CSS provided are: The table looks like: Ag-grid column header stacked to left
Vishnu Divakar
1

votes
0

answer
66

Views

MouseEnter event not working Ag-Grid

Need example of MouseEnter Event. I want to use MouseEnter event to get data of that particular row on which mouse entered. Thanks in advance.
Poonam Thote
1

votes
1

answer
192

Views

ag-grid theme malfunction using vuetify in vueJS 2

I am using ag-grid in my project which uses vuetify.js and is based on vueJS. I am facing problems with the ag-grid themes. Whenever I use the ag-material theme the outcome is different from the one shown ag-grid website. I just get a very basic theme when I add material theme. Can anyone help?
Anand Tangri
1

votes
0

answer
1.6k

Views

ag-grid Display Subtotal row and a final Total row

The grid above displays Subtotal and Total. It is populated with data from the API, so we are not calculating anything. We want to calculate the Subtotal and Total from the grid so that sorting via product name works correctly. The total we can put in the footer of the grid so that it is not sortab...
Michael JDI
1

votes
0

answer
64

Views

Set width for the pinned columns group

Is it possible to set a certain width for my pinned columns section. In my application the use will have up to freeze columns and 20 unpinned columns. It gets tedious to scroll to the unpinned columns every time. Instead I want a scroll for my pinned columns with the section defined to certain width...
aed test
1

votes
2

answer
329

Views

Column edit on undefined field with ag-grid

I have configured the ag-grid for the column definitions like this below { headerName: 'Model Level', field: 'ModelLevelTimeSeries.Id.Value', editable: false, cellRendererFramework: RenderEntityComponent, cellStyle: { textAlign: 'center' }, suppressSizeToFit: true, } Basically the field from the bac...
Herman
1

votes
0

answer
231

Views

ag grid - manually implemented infinite scroll with autoHeight and performance

I want to implement an ag grid in some container. As I scroll the container, I add rows to the grid, which has domLayout: 'autoHeight', so it grows in height. This works fine, and it looks like infinite scrolling without the ag grid knowing. The problem begins when the table gets big and there are a...
Jenian
1

votes
0

answer
86

Views

Ag-Grid ~2.3.2 documentation

I'm looking for Ag-Grid ~2.3.2 documentation with Angular 1.x. I need this version for free 'Row Grouping'. Do you have it in stock ;) ? Thanks you !
Florent
1

votes
0

answer
635

Views

ag-grid: how to add button in master detail template

I am using master/detail in ag-grid. I want a save button in detailed section after all rows. I am able to do that using template, but its not firing the event. I think its just a template and don't work for event. Can you please suggest me how can I add button in detailed section here is my code co...
apps
1

votes
0

answer
65

Views

Angular4 - Ag-grid - drop down custom list is not getting listed over the grid

I am using angular4 and created ag-grid with multiple custom drop down embedded inside it. when I click on the drop down, the respective drop down values are not appearing over the grid instead its increasing the grid size with scroll. I am expecting the drop down list to appear over the grid. To Vi...
Mangaleshwaran M
1

votes
0

answer
18

Views

Determine size of ag-grid in rows before populating

How can I determine the number of rows that can be displayed in an ag-grid grid, prior to filling the data set? The grid API's getDisplayedRowCount() returns 0 since there are no rows yet. I would also need to track this information on grid resizes.
David Pfeffer
1

votes
0

answer
172

Views

Ag Grid Enterprise Grouping

I'm trying to figure out how AgGrid makes the request for new data when a group is expanded. I've seen this https://www.ag-grid.com/javascript-grid-enterprise-model/#enterprise-datasource in the docs but it doesn't give a great explanation as to how you setup the dataSource to receive the new data....
Tom Bird
1

votes
2

answer
960

Views

Setting totalPages in Ag-grid pagination

I am using Ag-grid with pagination. I am looking for a way to set the total number of pages for pagination with the count/pageSize way. The data should be loaded on event onPaginationChanged Something like : this.gridOptions.api.setTotalPages = 10
Anurag Upadhyaya
1

votes
0

answer
60

Views

How to remove a row when getNodeChildDetails(tree legacy) is used in ag-grid

I am using ag-grid with getNodeChildDetails. I am not able to remove any row. On further debug i found that it always return null in result as isTreeLegacy is true. Is it not possible to remove a node in this case? Kindly suggest.
Deepender Sharma
1

votes
1

answer
1.4k

Views

How to subscribe for a filter changed event in ag grid

I have a problem , in which i need to display the number of rows filtered in ag grid at run time. How can I subscribe for a filter changed event in ag grid(javascript version )?
Ashish
1

votes
0

answer
27

Views

Issue w/ period symbol in ag-grid pressed on numpad in IE

I am using ag-grid in my angular project. The main idea is to make table editable w/ numeric values. If user presses any number or period/minus keys the cell should become editable. There is a problem w/ IE and numpad period key. When NumLock is on period key at numpad is not working. It seems like...
VolKor
1

votes
1

answer
95

Views

Column filter checkbox not updated

Consider a column in ag-grid that can only have one of two values, 'Yes' and 'No' as strings. ag-grid has a built in column filter that shows all distinct values of that column with checkboxes. Yes and No options This filtering works great with user interaction, but I need to filter out the rows w...
Kurt Kriegler
1

votes
0

answer
414

Views

Ag grid: how to show drop-down in cell of grid

I am new to Ag grid for angular 2. I wanted to know that how i can populate a dropdown in a cell and on selecting a value. how i can know what value was selected. Please help, plunker would be great help.
1

votes
0

answer
185

Views

agGrid + Angular: refresh cells after request in custom expandable cell

I have a problem with refresh data cells after request into custom expandable cell component: HTML: TS: public optionsOrgViewRoutingRules: any = { icons: { groupExpanded: '', groupContracted: '', }, rememberGroupStateWhenNewData: true, detailCellRenderer: 'myDetailCellRenderer', masterDetail: true,...
1

votes
0

answer
163

Views

How to achieve Validation in Ag-Grid?

Is there any possibilities in ag-grid to set up field validations? i have tried with different ways but unfortunately cant do it. Please help me out in this process and let me know what need to be done to fix the problem Thanks in advance..
Syed Asim
1

votes
1

answer
222

Views

Error after build App :ag-grid with Angular 6

I'm using ag-grid with angular 6 so for everything works just fine but when i build my app with ng build it build successfully but when i run my app i got this error: ERROR TypeError: Cannot read property 'AG_GRID' of undefined at ComponentProvider.push.../node_modules/ag-grid/dist/lib/components/fr...
1

votes
0

answer
28

Views

How to increase margin between search menu option items in ag-grid

I'm using Ag-grid-enterprise and I'm troubling with increasing the gap between menu items in the search tab. for example : The default gap between those items is 20px, and I want to override this and create something more like this : How do I achieve this? which classes I need to override? or any ot...
1

votes
0

answer
115

Views

ag-grid Master / Detaile expanded row not Re-adjustment height

ag-grid (angular) Master / Detail expanded row not Re-adjustment according to the content height. How can i resolved that problem. i want to implement like given below link. https://demos.devexpress.com/aspxgridviewdemos/masterdetail/MasterDetail.aspx
Ahmad Jamal
1

votes
0

answer
104

Views

Exported excel from ag-grid has incorrect formatting

I am facing an issue in ag-grid. I have created a plnkr to reproduce the issue. In following plunkr, first column's cells are displayed green but when we download in excel they shows blue. This is because of one cell having both classes, blue and green. Please note the cellClass function provided to...
Ganesh
1

votes
1

answer
526

Views

ag-grid ng build --prod fails : Maximum call stack size exceeded

ng build fails on ag-grid gridOptionsWrapper. See below. ==> ng build --prod Date: 2018-06-01T10:20:07.564Z Hash: e43a7d775a617f72e760 Time: 84869ms chunk {scripts} scripts.385b291e179030219400.bundle.js (scripts) 137 kB [initial] [rendere...
Tom Halliley
1

votes
0

answer
68

Views

ag-grid angular is not updating row indexes after sorting or CRUD operations

I am using editType as 'fullRow' and cellRenderer for Edit,Delete buttons. this is working well if we not sort the grid. after sorting or deletion of some rows it is giving wrong row indexes. this.gridOptions.api.updateRowData({ remove: event.selectedData }); i am using above code for deleting row....
user3319802

View additional questions