ag-grid

问题 I have to verify the sorting function in an ag-grid. When the UI is opened, the column data will be in some order. I am sorting it in ascending order and then storing the values in a array. ag_grid_utils.clickOnHeader("Name"); var testArr=[]; element.all(by.css('div.ag-body-container div[col-id="Name"]')) .map(function (Element) { element.getText().then(function (result) { console.log("result :: "+result); testArr.push(result); }); }) However when I print the array, the values are not sorted.

问题 I am using [enableCellChangeFlash]="true" and doing var params = { force: true }; this.gridApi.refreshCells(params); for force refresh of all cells. The Flash refresh is happening but the color is green or Greenish. Is there a way to change this default color how? Example can be seen here :https://www.ag-grid.com/javascript-grid-refresh/ 回答1: Have a look at the plunk I've created: Refresh Cells - override color You need to update the CSS .ag-theme-balham-dark .ag-row .ag-cell-data-changed {

问题 I am using [enableCellChangeFlash]="true" and doing var params = { force: true }; this.gridApi.refreshCells(params); for force refresh of all cells. The Flash refresh is happening but the color is green or Greenish. Is there a way to change this default color how? Example can be seen here :https://www.ag-grid.com/javascript-grid-refresh/ 回答1: Have a look at the plunk I've created: Refresh Cells - override color You need to update the CSS .ag-theme-balham-dark .ag-row .ag-cell-data-changed {

问题 I'm in Jhipster starter with angular 1 project. I have some problems withe ag-grid component. first one: i use bower for all my component and wiredep include my ag-grid file before the angular.js file. I think i solve this by using overrides, but i'm not sure of me I set this on overrides in bower.json. "ag-grid": { "dependencies": { "angular": "*" } } ag-grid is well after angular.js now but i still have an other problem. in my console i have this "Uncaught ReferenceError: require is not

问题 I'm in Jhipster starter with angular 1 project. I have some problems withe ag-grid component. first one: i use bower for all my component and wiredep include my ag-grid file before the angular.js file. I think i solve this by using overrides, but i'm not sure of me I set this on overrides in bower.json. "ag-grid": { "dependencies": { "angular": "*" } } ag-grid is well after angular.js now but i still have an other problem. in my console i have this "Uncaught ReferenceError: require is not

问题 In my ag-grid I want to display counts of rows next to each filter choice in a set filter, and maybe sort choices by that count (descending). This is what it looks like by default: I want the choices to be displayed as Select All (88) Katie Taylor (2) Darren Sutherland (1) John Joe Nevin (1) Barack Obama (0) ... What is the most efficient way to get those counts (and maybe sort the choices accordingly) from the row data, taking into account filters already set in the other fields (if any)?

问题 I am trying to pre-configure a column filter in ag-grid, a simple text "equals" filter to show only rows matching some specified text, I have got this working. However as soon as I replace the model data with a fresh set of rows, my filter disappears. I have tried updating my model data in 2 ways: by replacing the value of the bound rowData property (I'm using Vue.js) calling api.setRowData(newRows) Both of these cause the column filter to be lost. Is there a way to update the model data

问题 I've been searching everywhere and was unable to find any information related to this- most likely because ag-grid update 18.x is new. Anyhow: It appears that after updating ag-grid from 17.1.1 to 18.0.1, any page with the ag-grid on it ends up crashing EDGE and IE. Chrome works fine. (There have always been performance issues with EDGE and IE but now ag-grid fails to even load). My current project is using: Angular 5 in VSCode, AG-GRID, etc. An error I was able to view in the console was

问题 In particular, can the typescript source of the ag-grid-vue component be compiled then included in a regular html file? 回答1: I figured it out: Download the ag-grid source code, go into the packages/ag-grid-vue directory and do npm install and npm run build . That will put compiled javascript modules in the dist directory that can be used without a build system. I did have to modify the built javascript slightly to get the AgGridVue object into the global namespace, since I'm not using a

问题 I am initialising the ag-grid from the html using an onGridReady method in the component file. <div style="flex-grow:1;"> <ag-grid-angular style="float:left;width: 100%; height: 201px;margin-top:10px;" class="ag-theme-balham" [gridOptions]="gridOptions" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)" [rowData]="rowData" #grid > </ag-grid-angular> </div> In my .ts file i am handling the onGridReady like below : onGridReady(params?: any) { console.log("onGridReady"); var datasource