ag-grid

问题 I've been struggling to get Ag-Grid's external filtering responding to state changes. When I update isExternalFiltered , the value of isExternalFiltered in the doesExternalFilterPass callback doesn't change. If I supply a key to the grid to force it to rerender each update, it seems to work, but it causes an expensive grid reinitialization. I'll also note that I've tried calling the grid api's onFilterChanged method when the filter changes, but that doesn't seem to have any effect. The docs

问题 In my app, I use ag-grid to display the data. I am unsure on how I can select a field within the grid so that I can test if it is there or not. Many of the examples I have found have not been much help. If anybody could guide me in the right direction, that would be great!:) Here is my HTML code: <div style="height: 90%; text-align: left"> <ag-grid-angular enableColResize groupHeaders style="width: 100%; height: 100%;" [gridOptions]="gridOptions" (gridReady)="onGridReady($event)" class="ag

问题 I'm trying to delete a row using a grid with Infinite Row model and a Pagination feature. I'm not sure how to delete a specific row and update the internal model without having to refresh the grid (thus making a new ajax request). I've already read this thread: https://github.com/ag-grid/ag-grid/issues/193 and apparentely I should delete the row on the server (which I'm already doing) and then call the refresh api but this cause to have the "getRows" function to be called every time and the

问题 I'm trying to call a function in my context menu. getContextMenuItems(params) { console.log(params.node.data) var result = [ { name: "Delete", action : function () { this.deletePriceFactor(params.node.data); } , cssClasses: ["redFont", "bold"] }, { name: "Audit" } ] return result; } deletePriceFactor = (rowdata) =>{ this.priceFactorService.deleteEntry(rowdata.exchangeCode, rowdata.productCode, rowdata.secType).subscribe(pricefactors => { }); } I keep getting an error: ERROR TypeError: this

问题 I am using the Vue version of ag-grid 21.2.1 (https://www.ag-grid.com/vue-getting-started/) and implemented Row Dragging (https://www.ag-grid.com/javascript-grid-row-dragging/) on one of our tables. Everything seems to work out fine, but now I want to make the whole row a "grip" for dragging. I tried with pointer-events: none on .ag-row and making the native ag grip item bigger and clickable, but this doesn't seem to work: .ag-icon-grip { position: absolute; width: 600px; pointer-events: auto

问题 i am working with ag-grid and i need to add some custom links in a cell and want to call ng-click function on it. Here is my code var columnDefs =[ {headerName: "ID", field: "id"}, {headerName: "Template Name", field: "user_template_name"}, {headerName: "Screen", field: "screen_name"}, {headerName: "Last Uploaded", field: "created_at"}, {headerName: "Manage", cellRenderer: createCustomLinks } ]; var gridOptions = { angularCompileRows:true, columnDefs: columnDefs, rowData: null, enableSorting:

问题 I was trying to implement the row auto height feature described in the docs here: https://www.ag-grid.com/javascript-grid-row-height/#auto-row-height However it seems to not be working in my case. What happens for me is that the text doesn't wrap at all and it just creates a single long line for each row. I've tried adapting the code as best as I could to my own app, but maybe I missed something? I'll be thankful if you could take a look at my code and tell me if something is missing: const

问题 I was trying to implement the row auto height feature described in the docs here: https://www.ag-grid.com/javascript-grid-row-height/#auto-row-height However it seems to not be working in my case. What happens for me is that the text doesn't wrap at all and it just creates a single long line for each row. I've tried adapting the code as best as I could to my own app, but maybe I missed something? I'll be thankful if you could take a look at my code and tell me if something is missing: const

问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key:

问题 I have this project in Plunker https://plnkr.co/edit/3yuS4UKvkrK75Zy2 which shows a table with its column. What I need is building a search lookup function instead of the default filter function, so that ON The List of Values in Mini Filter window and NOT the whole table: If typing the full name Michael then the table will be filtered by Michael, OR if I type the phone number then the name of Michael will be filtered by Michael. in other words. There is a mapping array: valueFilter = [{ key: