ag-grid-angular Questions

6

Solved

According to ag-grid, the column order will follow the order they were specified in column definitions. Reference But this is not working when working with ag-grid-angular. Some columns are showing...
Guillermoguilloche asked 20/10, 2020 at 20:49

1

Using angular and a server side data source, I want to be able to load the grid at a specific page number. This will help me support the user using the back button as they go from list pages (aggri...
Vive asked 19/9, 2019 at 23:48

2

Solved

I use Ag-Grid together with Angular and I would like to listen to any event that modify column state. As of now, I have to list all events: (columnVisible)=onCol($event) (columnMoved)=onCol($eve...
Reverent asked 22/2, 2019 at 9:21

6

If any cell in ag-grid has numeric value like decimal, int or numeric i want that cell to be right aligned. this.defaultColumnDefs = { width: 75, exportColumn: true, type: 'numericColumn', cell...
Muimuir asked 25/9, 2020 at 8:59

1

Now I have a column eg name is "age" {headerName: 'age', field: 'age', filter: 'agNumberColumnFilter', aggFunc: 'sum'} I add a sum aggFunc on it, so the result of header name is changed...
Monogyny asked 7/8, 2020 at 8:11

2

Solved

I want my AG-Grid columns to have vertical borders. By default the grid rows have horizontal borders. I want it to mimic the regular Excel spreadsheet look and feel. I have tried using cell-stylin...
Dupondius asked 14/6, 2020 at 10:55

3

Solved

As the title suggests, I'm using ag-grid with Angular, and I use a custom class that implements IServerSideDatasource for fetching data from API with rowModelType set to 'serverSide'. The problem i...
Emancipated asked 11/9, 2019 at 14:5

3

Trying to incorporate ag-grid-angular in my project. I have succeeded in getting it to work with static data with filtering and sorting. I am failing at setting it up with Dynamic data in async rig...
Cassius asked 3/12, 2018 at 1:17

8

Solved

I have a simple ag-grid in an Angular project and want to disable selection of cells in one of its columns. Simply removing the default blue outline during selection would also be fine. I just want...
Anastase asked 14/6, 2018 at 16:24

4

Solved

How do I get the list of columns on which sorting is applied, in ag-grid. There is an api (onSortChanged) and an event (sortChanged). But neither is helpful in this scenario.
Universality asked 9/10, 2020 at 11:4

3

I'm using AG Grid on a website. When the user clicks a cell, it is focused and gets a blue outline. I need to remove this focus when the user clicks outside the selected element. const body = doc...
Tabb asked 17/2, 2020 at 10:47

7

Solved

I'm trying to use Angular Ag-Grid in my Web Application. I've followed these tutorials Angular Grid | Get Started with ag-Grid ag-Grid Angular Component Problem / Issue I Follwed every thing...
Phil asked 6/9, 2019 at 9:16

2

Solved

I'm facing a strange behavior in Ag-grid (Angular). When I use the serverSide option and when there is no data returned from the server, the grid is showing the loading icon for all the rows mentio...
Lowney asked 22/12, 2021 at 17:17

4

Solved

I've been going through the "Getting Started" tutorial for the ag-grid on the fresh project. Completed all the steps but got an error saying ag-Grid: could not find matching row model for rowModel...
Towboat asked 12/11, 2019 at 15:20

5

Solved

Getting the warning below when resizing ag-Grid (change size of browser window) and switching between two tabs: ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero w...
Nedranedrah asked 4/1, 2019 at 11:24

3

Solved

I am working with Ag-Grid table and I want to show the total row in the footer of the table. Some How I achieved it by using 2 tables 1 is for actual data and 2nd is for the Total row. It's working...
Mayce asked 7/12, 2020 at 6:53

3

I am working on an editable table in Angular application with ag-grid library. I would like to keep editing cells (in full row edit mode) until I finish with it and then close the editors manually ...
Schlosser asked 29/3, 2020 at 15:5

3

I have an ag-Grid master/detail grid setup. So when the master grid row is expanded it then loads the detail grid. See simple example: https://www.ag-grid.com/javascript-grid-master-detail/#exampl...
Slipcase asked 10/4, 2019 at 9:18

2

Solved

In master/detail example, the expand/collapse icon is always present when setting [masterDetail]=true. However, my data sometimes does not have detail rows and I would like to hide the chevron in t...
Chuchuah asked 10/6, 2020 at 13:27

1

Solved

I am using AG Grid in my Angular application and since upgrading from v27 to v28 I get the following error in my app. Error: src/app/app.module.ts:18:18 - error TS2339: Property 'withComponents' do...
Interdict asked 6/7, 2022 at 9:35

3

I have this simple column: Here's its definition: { headerName: "Activité", field: "activite", editable: true, , cellClass: "cell-wrap-text" } Here's the method I want to launch every ...

1

The default layout for a grid in ag-grid is what I call "horizontal" (with respect to the rows): Columns are laid out vertically, spanning top-to-bottom. Rows are laid out "across the columns", ...
Export asked 26/2, 2020 at 20:16

2

Solved

I am trying to understand what is the correct usecase for ag-grid's valuegetter vs valueformatter vs valueparser ? https://www.ag-grid.com/javascript-grid-value-getters/ https://www.ag-grid.com/j...
Versicolor asked 6/5, 2020 at 16:2

3

I'm trying to get the instance of cell renderer (Angular component) on rowSelected event handler: onRowSelected($event) { var selectedRow = this.gridApi.getDisplayedRowAtIndex($event.rowIndex); v...
Boffin asked 13/1, 2020 at 17:53

2

Solved

After a lot of searches in SO without any particular solution, I am compelled to ask this question. What I want is to hide a row group icon on a single group row. Like in the below picture I have a...
Sewel asked 21/9, 2021 at 17:13

© 2022 - 2024 — McMap. All rights reserved.