ag-grid-angular

property ɵcmp

static ɵcmp: i0.ɵɵComponentDeclaration<
    AgComponentContainer,
    'ag-component-container',
    never,
    {},
    {},
    never,
    never,
    false,
    never
>;

property ɵfac

static ɵfac: i0.ɵɵFactoryDeclaration<AgComponentContainer, never>;

property vcr

vcr: ViewContainerRef;

constructor

constructor(
    elementDef: ElementRef,
    _viewContainerRef: ViewContainerRef,
    _angularFrameworkOverrides: AngularFrameworkOverrides,
    _frameworkCompWrapper: AngularFrameworkComponentWrapper
);

property accentedSort

accentedSort: boolean;

• Set to true to specify that the sort should take accented characters into account. If this feature is turned on the sort will be slower. false

property advancedFilterBuilderParams

advancedFilterBuilderParams: any;

• Customise the parameters passed to the Advanced Filter Builder.

property advancedFilterBuilderVisibleChanged

advancedFilterBuilderVisibleChanged: EventEmitter<
    AdvancedFilterBuilderVisibleChangedEvent<TData>
>;

• Advanced Filter Builder visibility has changed (opened or closed).

property advancedFilterParent

advancedFilterParent: HTMLElement;

• DOM element to use as the parent for the Advanced Filter to allow it to appear outside of the grid. Set to null or undefined to appear inside the grid.

property aggFuncs

aggFuncs: { [key: string]: IAggFunc<TData> };

• A map of 'function name' to 'function' for custom aggregation functions.

property aggregateOnlyChangedColumns

aggregateOnlyChangedColumns: boolean;

• When using change detection, only the updated column will be re-aggregated. false

property alignedGrids

alignedGrids: AlignedGrid[] | (() => AlignedGrid[]);

• A list of grids to treat as Aligned Grids. Provide a list if the grids / apis already exist or return via a callback to allow the aligned grids to be retrieved asynchronously. If grids are aligned then the columns and horizontal scrolling will be kept in sync.

property allowContextMenuWithControlKey

allowContextMenuWithControlKey: boolean;

• Allows context menu to show, even when Ctrl key is held down. false

property allowDragFromColumnsToolPanel

allowDragFromColumnsToolPanel: boolean;

• Allow reordering and pinning columns by dragging columns from the Columns Tool Panel to the grid. false

property allowShowChangeAfterFilter

allowShowChangeAfterFilter: boolean;

• Set to true to have cells flash after data changes even when the change is due to filtering. false

property alwaysAggregateAtRootLevel

alwaysAggregateAtRootLevel: boolean;

• When using aggregations, the grid will always calculate the root level aggregation value. false

property alwaysMultiSort

alwaysMultiSort: boolean;

• Set to true to always multi-sort when the user clicks a column header, regardless of key presses. false

property alwaysPassFilter

alwaysPassFilter: (rowNode: IRowNode<TData>) => boolean;

• Allows rows to always be displayed, even if they don't match the applied filtering. Return true for the provided row to always be displayed. Only works with the Client-Side Row Model.

property alwaysShowHorizontalScroll

alwaysShowHorizontalScroll: boolean;

• Set to true to always show the horizontal scrollbar. false

property alwaysShowVerticalScroll

alwaysShowVerticalScroll: boolean;

• Set to true to always show the vertical scrollbar. false

property animateRows

animateRows: boolean;

• Set to false to disable Row Animation which is enabled by default. true

property api

api: GridApi<TData>;

• Grid Api available after onGridReady event has fired.

property applyQuickFilterBeforePivotOrAgg

applyQuickFilterBeforePivotOrAgg: boolean;

• When pivoting, Quick Filter is only applied on the pivoted data (or aggregated data if groupAggFiltering = true). Set to true to apply Quick Filter before pivoting (/aggregating) instead. false

property asyncTransactionsFlushed

asyncTransactionsFlushed: EventEmitter<AsyncTransactionsFlushedEvent<TData>>;

• Async transactions have been applied. Contains a list of all transaction results.

property asyncTransactionWaitMillis

asyncTransactionWaitMillis: number;

• How many milliseconds to wait before executing a batch of async transactions.

property autoGroupColumnDef

autoGroupColumnDef: any;

• Allows specifying the group 'auto column' if you are not happy with the default. If grouping, this column definition is included as the first column in the grid. If not grouping, this column is not included.

property autoSizePadding

autoSizePadding: number;

• Number of pixels to add to a column width after the [auto-sizing](./column-sizing/#auto-size-columns-to-fit-cell-contents) calculation. Set this if you want to add extra room to accommodate (for example) sort icons, or some other dynamic nature of the header. 20

property autoSizeStrategy

autoSizeStrategy: any;

• Auto-size the columns when the grid is loaded. Can size to fit the grid width, fit a provided width, or fit the cell contents.

property blockLoadDebounceMillis

blockLoadDebounceMillis: number;

• How many milliseconds to wait before loading a block. Useful when scrolling over many blocks, as it prevents blocks loading until scrolling has settled.

property bodyScroll

bodyScroll: EventEmitter<BodyScrollEvent<TData>>;

• The body was scrolled horizontally or vertically.

property bodyScrollEnd

bodyScrollEnd: EventEmitter<BodyScrollEndEvent<TData>>;

• Main body of the grid has stopped scrolling, either horizontally or vertically.

property cacheBlockSize

cacheBlockSize: number;

• How many rows for each block in the store, i.e. how many rows returned from the server at a time. 100

property cacheOverflowSize

cacheOverflowSize: number;

• How many extra blank rows to display to the user at the end of the dataset, which sets the vertical scroll and then allows the grid to request viewing more rows of data. 1

property cacheQuickFilter

cacheQuickFilter: boolean;

• Set to true to turn on the Quick Filter cache, used to improve performance when using the Quick Filter. false

property cellClicked

cellClicked: EventEmitter<CellClickedEvent<TData>>;

• Cell is clicked.

property cellContextMenu

cellContextMenu: EventEmitter<CellContextMenuEvent<TData>>;

• Cell is right clicked.

property cellDoubleClicked

cellDoubleClicked: EventEmitter<CellDoubleClickedEvent<TData>>;

• Cell is double clicked.

property cellEditingStarted

cellEditingStarted: EventEmitter<CellEditingStartedEvent<TData>>;

• Editing a cell has started.

property cellEditingStopped

cellEditingStopped: EventEmitter<CellEditingStoppedEvent<TData>>;

• Editing a cell has stopped.

property cellEditRequest

cellEditRequest: EventEmitter<CellEditRequestEvent<TData>>;

• Value has changed after editing. Only fires when readOnlyEdit=true.

property cellFadeDuration

cellFadeDuration: number;

• Sets the duration in milliseconds of how long the "flashed" state animation takes to fade away after the timer set by cellFlashDuration has completed. 1000

property cellFlashDuration

cellFlashDuration: number;

• Sets the duration in milliseconds of how long a cell should remain in its "flashed" state. If 0, the cell will not flash. 500

property cellFocused

cellFocused: EventEmitter<CellFocusedEvent<TData>>;

• Cell is focused.

property cellKeyDown

cellKeyDown: EventEmitter<any>;

• DOM event keyDown happened on a cell.

property cellMouseDown

cellMouseDown: EventEmitter<CellMouseDownEvent<TData>>;

• Mouse down on cell.

property cellMouseOut

cellMouseOut: EventEmitter<CellMouseOutEvent<TData>>;

• Mouse left cell.

property cellMouseOver

cellMouseOver: EventEmitter<CellMouseOverEvent<TData>>;

• Mouse entered cell.

property cellSelection

cellSelection: any;

• Configure cell selection

property cellSelectionChanged

cellSelectionChanged: EventEmitter<CellSelectionChangedEvent<TData>>;

• A change to cell selection has occurred.

property cellSelectionDeleteEnd

cellSelectionDeleteEnd: EventEmitter<CellSelectionDeleteEndEvent<TData>>;

• Cell selection delete operation (cell clear) has ended.

property cellSelectionDeleteStart

cellSelectionDeleteStart: EventEmitter<CellSelectionDeleteStartEvent<TData>>;

• Cell selection delete operation (cell clear) has started.

property cellValueChanged

cellValueChanged: EventEmitter<CellValueChangedEvent<TData>>;

• Value has changed after editing (this event will not fire if editing was cancelled, eg ESC was pressed) or if cell value has changed as a result of cut, paste, cell clear (pressing Delete key), fill handle, copy range down, undo and redo.

property chartCreated

chartCreated: EventEmitter<ChartCreatedEvent<TData>>;

• A chart has been created.

property chartDestroyed

chartDestroyed: EventEmitter<ChartDestroyedEvent<TData>>;

• A chart has been destroyed.

property chartMenuItems

chartMenuItems: any;

• Get chart menu items. Only applies when using AG Charts Enterprise.

property chartOptionsChanged

chartOptionsChanged: EventEmitter<ChartOptionsChangedEvent<TData>>;

• Formatting changes have been made by users through the Customize Panel.

property chartRangeSelectionChanged

chartRangeSelectionChanged: EventEmitter<ChartRangeSelectionChangedEvent<TData>>;

• The data range for the chart has been changed.

property chartThemeOverrides

chartThemeOverrides: any;

• Chart theme overrides applied to all themes.

property chartThemes

chartThemes: string[];

• The list of chart themes that a user can choose from in the chart panel. ['ag-default', 'ag-material', 'ag-sheets', 'ag-polychroma', 'ag-vivid'];

property chartToolPanelsDef

chartToolPanelsDef: any;

• Allows customisation of the Chart Tool Panels, such as changing the tool panels visibility and order, as well as choosing which charts should be displayed in the chart panel.

property clipboardDelimiter

clipboardDelimiter: string;

• Specify the delimiter to use when copying to clipboard. '\t'

property colResizeDefault

colResizeDefault: string;

• Set to 'shift' to have shift-resize as the default resize operation (same as user holding down Shift while resizing).

property columnDefs

columnDefs: any[];

• Array of Column / Column Group definitions.

property columnEverythingChanged

columnEverythingChanged: EventEmitter<ColumnEverythingChangedEvent<TData>>;

• Deprecated

  v32.2 Either use onDisplayedColumnsChanged which is fired at the same time, or use one of the more specific column events.

property columnGroupOpened

columnGroupOpened: EventEmitter<ColumnGroupOpenedEvent<TData>>;

• A column group was opened / closed.

property columnHeaderClicked

columnHeaderClicked: EventEmitter<ColumnHeaderClickedEvent<TData>>;

• A click is performed on a column header.

property columnHeaderContextMenu

columnHeaderContextMenu: EventEmitter<ColumnHeaderContextMenuEvent<TData>>;

• A context menu action, such as right-click or context menu key press, is performed on a column header.

property columnHeaderMouseLeave

columnHeaderMouseLeave: EventEmitter<ColumnHeaderMouseLeaveEvent<TData>>;

• A mouse cursor is moved out of a column header.

property columnHeaderMouseOver

columnHeaderMouseOver: EventEmitter<ColumnHeaderMouseOverEvent<TData>>;

• A mouse cursor is initially moved over a column header.

property columnHoverHighlight

columnHoverHighlight: boolean;

• Set to true to highlight columns by adding the ag-column-hover CSS class. false

property columnMenu

columnMenu: 'legacy' | 'new';

• Changes the display type of the column menu. 'new' just displays the main list of menu items. 'legacy' displays a tabbed menu. 'new'

property columnMenuVisibleChanged

columnMenuVisibleChanged: EventEmitter<ColumnMenuVisibleChangedEvent<TData>>;

• The column menu visibility has changed. Fires twice if switching between tabs - once with the old tab and once with the new tab.

property columnMoved

columnMoved: EventEmitter<ColumnMovedEvent<TData>>;

• A column was moved.

property columnPinned

columnPinned: EventEmitter<ColumnPinnedEvent<TData>>;

• A column, or group of columns, was pinned / unpinned.

property columnPivotChanged

columnPivotChanged: EventEmitter<ColumnPivotChangedEvent<TData>>;

• A pivot column was added, removed or order changed.

property columnPivotModeChanged

columnPivotModeChanged: EventEmitter<ColumnPivotModeChangedEvent<TData>>;

• The pivot mode flag was changed.

property columnResized

columnResized: EventEmitter<ColumnResizedEvent<TData>>;

• A column was resized.

property columnRowGroupChanged

columnRowGroupChanged: EventEmitter<ColumnRowGroupChangedEvent<TData>>;

• A row group column was added, removed or reordered.

property columnTypes

columnTypes: { [key: string]: ColTypeDef<TData> };

• An object map of custom column types which contain groups of properties that column definitions can reuse by referencing in their type property.

property columnValueChanged

columnValueChanged: EventEmitter<ColumnValueChangedEvent<TData>>;

• A value column was added or removed.

property columnVisible

columnVisible: EventEmitter<ColumnVisibleEvent<TData>>;

• A column, or group of columns, was hidden / shown.

property components

components: { [p: string]: any };

• A map of component names to components.

property componentStateChanged

componentStateChanged: EventEmitter<ComponentStateChangedEvent<TData>>;

• Only used by Angular, React and VueJS AG Grid components (not used if doing plain JavaScript). If the grid receives changes due to bound properties, this event fires after the grid has finished processing the change.

property context

context: any;

• Provides a context object that is provided to different callbacks the grid uses. Used for passing additional information to the callbacks used by your application.

property contextMenuVisibleChanged

contextMenuVisibleChanged: EventEmitter<ContextMenuVisibleChangedEvent<TData>>;

• The context menu visibility has changed (opened or closed).

property copyGroupHeadersToClipboard

copyGroupHeadersToClipboard: boolean;

• Set to true to also include group headers when copying to clipboard using Ctrl + C clipboard. false

property copyHeadersToClipboard

copyHeadersToClipboard: boolean;

• Set to true to also include headers when copying to clipboard using Ctrl + C clipboard. false

property createChartContainer

createChartContainer: (params: ChartRefParams<TData>) => void;

• Callback to enable displaying the chart in an alternative chart container.

property customChartThemes

customChartThemes: { [name: string]: AgChartTheme };

• A map containing custom chart themes.

property cutEnd

cutEnd: EventEmitter<CutEndEvent<TData>>;

• Cut operation has ended.

property cutStart

cutStart: EventEmitter<CutStartEvent<TData>>;

• Cut operation has started.

property datasource

datasource: any;

• Provide the datasource for infinite scrolling.

property dataTypeDefinitions

dataTypeDefinitions: { [cellDataType: string]: DataTypeDefinition<TData> };

• An object map of cell data types to their definitions. Cell data types can either override/update the pre-defined data types ('text', 'number', 'boolean', 'date', 'dateString' or 'object'), or can be custom data types.

property debounceVerticalScrollbar

debounceVerticalScrollbar: boolean;

• Set to true to debounce the vertical scrollbar. Can provide smoother scrolling on slow machines. false

property debug

debug: boolean;

• Set this to true to enable debug information from the grid and related components. Will result in additional logging being output, but very useful when investigating problems. false

property defaultColDef

defaultColDef: any;

• A default column definition. Items defined in the actual column definitions get precedence.

property defaultColGroupDef

defaultColGroupDef: any;

• A default column group definition. All column group definitions will use these properties. Items defined in the actual column group definition get precedence.

property defaultCsvExportParams

defaultCsvExportParams: any;

• A default configuration object used to export to CSV.

property defaultExcelExportParams

defaultExcelExportParams: any;

• A default configuration object used to export to Excel.

property deltaSort

deltaSort: boolean;

• When enabled, sorts only the rows added/updated by a transaction. false

property detailCellRenderer

detailCellRenderer: any;

• Provide a custom detailCellRenderer to use when a master row is expanded. See [Detail Cell Renderer](https://www.ag-grid.com/javascript-data-grid/master-detail-custom-detail/) for framework specific implementation details.

property detailCellRendererParams

detailCellRendererParams: any;

• Specifies the params to be used by the Detail Cell Renderer. Can also be a function that provides the params to enable dynamic definitions of the params.

property detailRowAutoHeight

detailRowAutoHeight: boolean;

• Set to true to have the detail grid dynamically change it's height to fit it's rows.

property detailRowHeight

detailRowHeight: number;

• Set fixed height in pixels for each detail row.

property displayedColumnsChanged

displayedColumnsChanged: EventEmitter<DisplayedColumnsChangedEvent<TData>>;

• The list of displayed columns changed. This can result from columns open / close, column move, pivot, group, etc.

property doesExternalFilterPass

doesExternalFilterPass: (node: IRowNode<TData>) => boolean;

• Should return true if external filter passes, otherwise false.

property domLayout

domLayout: any;

• Switch between layout options: normal, autoHeight, print. 'normal'

property dragAndDropImageComponent

dragAndDropImageComponent: any;

• Provide a custom drag and drop image component.

property dragAndDropImageComponentParams

dragAndDropImageComponentParams: any;

• Customise the parameters provided to the Drag and Drop Image Component.

property dragCancelled

dragCancelled: EventEmitter<DragCancelledEvent<TData>>;

• When dragging is cancelled stops. This is caused by pressing Escape while dragging elements within the grid that uses the grid's Drag and Drop service, e.g. Column Moving, Column Resizing, Range Selection, Fill Handle, etc.

property dragStarted

dragStarted: EventEmitter<DragStartedEvent<TData>>;

• When dragging starts. This could be any action that uses the grid's Drag and Drop service, e.g. Column Moving, Column Resizing, Range Selection, Fill Handle, etc.

property dragStopped

dragStopped: EventEmitter<DragStoppedEvent<TData>>;

• When dragging stops. This could be any action that uses the grid's Drag and Drop service, e.g. Column Moving, Column Resizing, Range Selection, Fill Handle, etc.

property editType

editType: string;

• Set to 'fullRow' to enable Full Row Editing. Otherwise leave blank to edit one cell at a time.

property embedFullWidthRows

embedFullWidthRows: boolean;

• Set to true to have the Full Width Rows embedded in grid's main container so they can be scrolled horizontally.

property enableAdvancedFilter

enableAdvancedFilter: boolean;

• Set to true to enable the Advanced Filter. false

property enableBrowserTooltips

enableBrowserTooltips: boolean;

• Set to true to use the browser's default tooltip instead of using the grid's Tooltip Component. false

property enableCellEditingOnBackspace

enableCellEditingOnBackspace: boolean;

• Forces Cell Editing to start when backspace is pressed. This is only relevant for MacOS users.

property enableCellExpressions

enableCellExpressions: boolean;

• Set to true to allow cell expressions. false

property enableCellSpan

enableCellSpan: boolean;

• When true, enables the cell span feature allowing for the use of the colDef.spanRows property. false

property enableCellTextSelection

enableCellTextSelection: boolean;

• Set to true to be able to select the text within cells.

  **Note:** When this is set to true, the clipboard service is disabled and only selected text is copied. false

property enableCharts

enableCharts: boolean;

• Set to true to Enable Charts. false

property enableFillHandle

enableFillHandle: boolean;

• Set to true to enable the Fill Handle. false

  Deprecated

  v32.2 Use cellSelection.handle instead

property enableGroupEdit

enableGroupEdit: boolean;

property enableRangeHandle

enableRangeHandle: boolean;

• Set to true to enable the Range Handle. false

  Deprecated

  v32.2 Use cellSelection.handle instead

property enableRangeSelection

enableRangeSelection: boolean;

• Set to true to enable Range Selection. false

  Deprecated

  v32.2 Use cellSelection = true instead

property enableRtl

enableRtl: boolean;

• Set to true to operate the grid in RTL (Right to Left) mode. false

property enableStrictPivotColumnOrder

enableStrictPivotColumnOrder: boolean;

• Resets pivot column order when impacted by filters, data or configuration changes

  false

property ensureDomOrder

ensureDomOrder: boolean;

• When true, the order of rows and columns in the DOM are consistent with what is on screen. Disables row animations. false

property enterNavigatesVertically

enterNavigatesVertically: boolean;

• Set to true along with enterNavigatesVerticallyAfterEdit to have Excel-style behaviour for the Enter key. i.e. pressing the Enter key will move down to the cell beneath and Shift+Enter will move up to the cell above. false

property enterNavigatesVerticallyAfterEdit

enterNavigatesVerticallyAfterEdit: boolean;

• Set to true along with enterNavigatesVertically to have Excel-style behaviour for the 'Enter' key. i.e. pressing the Enter key will move down to the cell beneath and Shift+Enter key will move up to the cell above. false

property excelStyles

excelStyles: ExcelStyle[];

• A list (array) of Excel styles to be used when exporting to Excel with styles.

property excludeChildrenWhenTreeDataFiltering

excludeChildrenWhenTreeDataFiltering: boolean;

• Set to true to override the default tree data filtering behaviour to instead exclude child nodes from filter results. false

property expandOrCollapseAll

expandOrCollapseAll: EventEmitter<ExpandOrCollapseAllEvent<TData>>;

• Fired when calling either of the API methods expandAll() or collapseAll().

property fillEnd

fillEnd: EventEmitter<FillEndEvent<TData>>;

• Fill operation has ended.

property fillHandleDirection

fillHandleDirection: 'x' | 'y' | 'xy';

• Set to 'x' to force the fill handle direction to horizontal, or set to 'y' to force the fill handle direction to vertical. 'xy'

  Deprecated

  v32.2 Use cellSelection.handle.direction instead

property fillOperation

fillOperation: (params: FillOperationParams<TData>) => any;

• Callback to fill values instead of simply copying values or increasing number values using linear progression.

  Deprecated

  v32.2 Use cellSelection.handle.setFillValue instead

property fillStart

fillStart: EventEmitter<FillStartEvent<TData>>;

• Fill operation has started.

property filterChanged

filterChanged: EventEmitter<FilterChangedEvent<TData>>;

• Filter has been modified and applied.

property filterModified

filterModified: EventEmitter<FilterModifiedEvent<TData>>;

• Filter was modified but not applied. Used when filters have 'Apply' buttons.

property filterOpened

filterOpened: EventEmitter<FilterOpenedEvent<TData>>;

• Filter has been opened.

property findChanged

findChanged: EventEmitter<FindChangedEvent<TData>>;

• Find details have changed (e.g. Find search value, active match, or updates to grid cells).

property findOptions

findOptions: any;

• Options for the Find feature.

property findSearchValue

findSearchValue: string;

• Text to find within the grid.

property firstDataRendered

firstDataRendered: EventEmitter<FirstDataRenderedEvent<TData>>;

• Fired the first time data is rendered into the grid. Use this event if you want to auto resize columns based on their contents

property floatingFiltersHeight

floatingFiltersHeight: number;

• The height in pixels for the row containing the floating filters. If not specified, it uses the theme value of header-height.

property focusGridInnerElement

focusGridInnerElement: (params: FocusGridInnerElementParams<TData>) => boolean;

• Allows overriding the element that will be focused when the grid receives focus from outside elements (tabbing into the grid).

  Returns

  True if this function should override the grid's default behavior, False to allow the grid's default behavior.

property fullWidthCellRenderer

fullWidthCellRenderer: any;

• Provide your own cell renderer component to use for full width rows. See [Full Width Rows](https://www.ag-grid.com/javascript-data-grid/full-width-rows/) for framework specific implementation details.

property fullWidthCellRendererParams

fullWidthCellRendererParams: any;

• Customise the parameters provided to the fullWidthCellRenderer component.

property functionsReadOnly

functionsReadOnly: boolean;

• If true, then row group, pivot and value aggregation will be read-only from the GUI. The grid will display what values are used for each, but will not allow the user to change the selection. false

property getBusinessKeyForNode

getBusinessKeyForNode: (node: IRowNode<TData>) => string;

• Return a business key for the node. If implemented, each row in the DOM will have an attribute row-business-key='abc' where abc is what you return as the business key. This is useful for automated testing, as it provides a way for your tool to identify rows based on unique business keys.

property getChartToolbarItems

getChartToolbarItems: any;

• Callback to be used to customise the chart toolbar items.

property getChildCount

getChildCount: (dataItem: any) => number;

• Allows setting the child count for a group row.

property getContextMenuItems

getContextMenuItems: any;

• For customising the context menu.

property getDataPath

getDataPath: any;

• Callback to be used when working with Tree Data when treeData = true.

property getDocument

getDocument: () => Document;

• Allows overriding what document is used. Currently used by Drag and Drop (may extend to other places in the future). Use this when you want the grid to use a different document than the one available on the global scope. This can happen if docking out components (something which Electron supports)

property getGroupRowAgg

getGroupRowAgg: (params: GetGroupRowAggParams<TData>) => any;

• Callback to use when you need access to more then the current column for aggregation.

property getLocaleText

getLocaleText: (params: GetLocaleTextParams<TData>) => string;

• A callback for localising text within the grid.

property getMainMenuItems

getMainMenuItems: any;

• For customising the main 'column header' menu.

property getRowClass

getRowClass: (params: RowClassParams<TData>) => string | string[] | undefined;

• Callback version of property rowClass to set class(es) for each row individually. Function should return either a string (class name), array of strings (array of class names) or undefined for no class.

property getRowHeight

getRowHeight: (params: RowHeightParams<TData>) => number | undefined | null;

• Callback version of property rowHeight to set height for each row individually. Function should return a positive number of pixels, or return null/undefined to use the default row height.

property getRowId

getRowId: any;

• Provide a pure function that returns a string ID to uniquely identify a given row. This enables the grid to work optimally with data changes and updates.

property getRowStyle

getRowStyle: (params: RowClassParams<TData>) => RowStyle | undefined;

• Callback version of property rowStyle to set style for each row individually. Function should return an object of CSS values or undefined for no styles.

property getServerSideGroupKey

getServerSideGroupKey: any;

• SSRM Tree Data: Allows specifying group keys.

property getServerSideGroupLevelParams

getServerSideGroupLevelParams: (
    params: GetServerSideGroupLevelParamsParams
) => ServerSideGroupLevelParams;

• Allows providing different params for different levels of grouping.

property grandTotalRow

grandTotalRow: 'top' | 'bottom';

• When provided, an extra grand total row will be inserted into the grid at the specified position. This row displays the aggregate totals of all rows in the grid.

property gridColumnsChanged

gridColumnsChanged: EventEmitter<GridColumnsChangedEvent<TData>>;

• The list of grid columns changed.

property gridId

gridId: string;

• Provide a custom gridId for this instance of the grid. Value will be set on the root DOM node using the attribute grid-id as well as being accessible via the gridApi.getGridId() method.

property gridOptions

gridOptions: any;

• Provided an initial gridOptions configuration to the component. If a property is specified in both gridOptions and via component binding the component binding takes precedence.

property gridReady

gridReady: EventEmitter<GridReadyEvent<TData>>;

• The grid has initialised and is ready for most api calls, but may not be fully rendered yet

property gridSizeChanged

gridSizeChanged: EventEmitter<GridSizeChangedEvent<TData>>;

• The size of the grid div has changed. In other words, the grid was resized.

property groupAggFiltering

groupAggFiltering: any;

• Set to determine whether filters should be applied on aggregated group values. false

property groupAllowUnbalanced

groupAllowUnbalanced: boolean;

• Set to true to prevent the grid from creating a '(Blanks)' group for nodes which do not belong to a group, and display the unbalanced nodes alongside group nodes. false

property groupDefaultExpanded

groupDefaultExpanded: number;

• If grouping, set to the number of levels to expand by default, e.g. 0 for none, 1 for first level only, etc. Set to -1 to expand everything. 0

property groupDisplayType

groupDisplayType: any;

• Specifies how the results of row grouping should be displayed.

  The options are:

  - 'singleColumn': single group column automatically added by the grid. - 'multipleColumns': a group column per row group is added automatically. - 'groupRows': group rows are automatically added instead of group columns. - 'custom': informs the grid that group columns will be provided.

property groupHeaderHeight

groupHeaderHeight: number;

• The height in pixels for the rows containing header column groups. If not specified, it uses headerHeight.

property groupHideOpenParents

groupHideOpenParents: boolean;

• Set to true to hide parents that are open. When used with multiple columns for showing groups, it can give a more pleasing user experience. false

property groupHideParentOfSingleChild

groupHideParentOfSingleChild: boolean | 'leafGroupsOnly';

• Enable to display the child row in place of the group row when the group only has a single child. false

property groupLockGroupColumns

groupLockGroupColumns: number;

• If grouping, locks the group settings of a number of columns, e.g. 0 for no group locking. 1 for first group column locked, -1 for all group columns locked. 0

property groupMaintainOrder

groupMaintainOrder: boolean;

• When true, preserves the current group order when sorting on non-group columns. false

property groupRemoveLowestSingleChildren

groupRemoveLowestSingleChildren: boolean;

• Set to true to collapse lowest level groups that only have one child. false

  Deprecated

  v33.0.0 - use groupHideParentOfSingleChild: 'leafGroupsOnly' instead.

property groupRemoveSingleChildren

groupRemoveSingleChildren: boolean;

• Set to true to collapse groups that only have one child. false

  Deprecated

  v33.0.0 - use groupHideParentOfSingleChild instead.

property groupRowRenderer

groupRowRenderer: any;

• Provide the Cell Renderer to use when groupDisplayType = 'groupRows'. See [Group Row Cell Renderer](https://www.ag-grid.com/javascript-data-grid/grouping-group-rows/#providing-cell-renderer) for framework specific implementation details.

property groupRowRendererParams

groupRowRendererParams: any;

• Customise the parameters provided to the groupRowRenderer component.

property groupSelectsChildren

groupSelectsChildren: boolean;

• When true, if you select a group, the children of the group will also be selected. false

  Deprecated

  v32.2 Use rowSelection.groupSelects instead

property groupSelectsFiltered

groupSelectsFiltered: boolean;

• If using groupSelectsChildren, then only the children that pass the current filter will get selected. false

  Deprecated

  v32.2 Use rowSelection.groupSelects instead

property groupSuppressBlankHeader

groupSuppressBlankHeader: boolean;

• If true, and showing footer, aggregate data will always be displayed at both the header and footer levels. This stops the possibly undesirable behaviour of the header details 'jumping' to the footer on expand. false

property groupTotalRow

groupTotalRow: any;

• When provided, an extra row group total row will be inserted into row groups at the specified position, to display when the group is expanded. This row will contain the aggregate values for the group. If a callback function is provided, it can be used to selectively determine which groups will have a total row added.

property headerFocused

headerFocused: EventEmitter<HeaderFocusedEvent<TData>>;

• Header is focused.

property headerHeight

headerHeight: number;

• The height in pixels for the row containing the column label header. If not specified, it uses the theme value of header-height.

property icons

icons: { [key: string]: string | ((...args: any[]) => any) };

• Icons to use inside the grid instead of the grid's default icons.

property includeHiddenColumnsInAdvancedFilter

includeHiddenColumnsInAdvancedFilter: boolean;

• Hidden columns are excluded from the Advanced Filter by default. To include hidden columns, set to true. false

property includeHiddenColumnsInQuickFilter

includeHiddenColumnsInQuickFilter: boolean;

• Hidden columns are excluded from the Quick Filter by default. To include hidden columns, set to true. false

property infiniteInitialRowCount

infiniteInitialRowCount: number;

• How many extra blank rows to display to the user at the end of the dataset, which sets the vertical scroll and then allows the grid to request viewing more rows of data. 1

property initialGroupOrderComparator

initialGroupOrderComparator: (
    params: InitialGroupOrderComparatorParams<TData>
) => number;

• Allows default sorting of groups.

property initialState

initialState: any;

• Initial state for the grid. Only read once on initialization. Can be used in conjunction with api.getState() to save and restore grid state.

property isApplyServerSideTransaction

isApplyServerSideTransaction: any;

• Allows cancelling transactions.

property isExternalFilterPresent

isExternalFilterPresent: (
    params: IsExternalFilterPresentParams<TData>
) => boolean;

• Grid calls this method to know if an external filter is present.

property isFullWidthRow

isFullWidthRow: (params: IsFullWidthRowParams<TData>) => boolean;

• Tells the grid if this row should be rendered as full width.

property isGroupOpenByDefault

isGroupOpenByDefault: (params: IsGroupOpenByDefaultParams<TData>) => boolean;

• (Client-side Row Model only) Allows groups to be open by default.

property isRowMaster

isRowMaster: any;

• Callback to be used with Master Detail to determine if a row should be a master row. If false is returned no detail row will exist for this row.

property isRowSelectable

isRowSelectable: any;

• Callback to be used to determine which rows are selectable. By default rows are selectable, so return false to make a row un-selectable.

  Deprecated

  v32.2 Use rowSelection.isRowSelectable instead

property isServerSideGroup

isServerSideGroup: any;

• SSRM Tree Data: Allows specifying which rows are expandable.

property isServerSideGroupOpenByDefault

isServerSideGroupOpenByDefault: (
    params: IsServerSideGroupOpenByDefaultParams
) => boolean;

• Allows groups to be open by default.

property keepDetailRows

keepDetailRows: boolean;

• Set to true to keep detail rows for when they are displayed again. false

property keepDetailRowsCount

keepDetailRowsCount: number;

• Sets the number of details rows to keep. 10

property loading

loading: boolean;

• Show or hide the loading overlay.

property loadingCellRenderer

loadingCellRenderer: any;

• Provide your own loading cell renderer to use when data is loading via a DataSource. See [Loading Cell Renderer](https://www.ag-grid.com/javascript-data-grid/component-loading-cell-renderer/) for framework specific implementation details.

property loadingCellRendererParams

loadingCellRendererParams: any;

• Params to be passed to the loadingCellRenderer component.

property loadingCellRendererSelector

loadingCellRendererSelector: any;

• Callback to select which loading cell renderer to be used when data is loading via a DataSource.

property loadingOverlayComponent

loadingOverlayComponent: any;

• Provide a custom loading overlay component.

property loadingOverlayComponentParams

loadingOverlayComponentParams: any;

• Customise the parameters provided to the loading overlay component.

property loadThemeGoogleFonts

loadThemeGoogleFonts: boolean;

• If your theme uses a font that is available on Google Fonts, pass true to load it from Google's CDN.

property localeText

localeText: { [key: string]: string };

• A map of key->value pairs for localising text within the grid.

property maintainColumnOrder

maintainColumnOrder: boolean;

• Keeps the order of Columns maintained after new Column Definitions are updated.

  false

property masterDetail

masterDetail: boolean;

• Set to true to enable Master Detail. false

property maxBlocksInCache

maxBlocksInCache: number;

• How many blocks to keep in the store. Default is no limit, so every requested block is kept. Use this if you have memory concerns, and blocks that were least recently viewed will be purged when the limit is hit. The grid will additionally make sure it has all the blocks needed to display what is currently visible, in case this property is set to a low value.

property maxConcurrentDatasourceRequests

maxConcurrentDatasourceRequests: number;

• How many requests to hit the server with concurrently. If the max is reached, requests are queued. Set to -1 for no maximum restriction on requests. 2

property modelUpdated

modelUpdated: EventEmitter<ModelUpdatedEvent<TData>>;

• Displayed rows have changed. Triggered after sort, filter or tree expand / collapse events.

property modules

modules: Module[];

• Used to register AG Grid Modules directly with this instance of the grid. See [Providing Modules To Individual Grids](https://www.ag-grid.com/angular-data-grid/modules/#providing-modules-to-individual-grids) for more information.

property multiSortKey

multiSortKey: string;

• Set to 'ctrl' to have multi sorting by clicking work using the Ctrl (or Command ⌘ for Mac) key.

property navigateToNextCell

navigateToNextCell: (
    params: NavigateToNextCellParams<TData>
) => CellPosition | null;

• Allows overriding the default behaviour for when user hits navigation (arrow) key when a cell is focused. Return the next Cell position to navigate to or null to stay on current cell.

property navigateToNextHeader

navigateToNextHeader: (
    params: NavigateToNextHeaderParams<TData>
) => HeaderPosition | null;

• Allows overriding the default behaviour for when user hits navigation (arrow) key when a header is focused. Return the next Header position to navigate to or null to stay on current header.

property newColumnsLoaded

newColumnsLoaded: EventEmitter<NewColumnsLoadedEvent<TData>>;

• User set new columns.

property ngAcceptInputType_accentedSort

static ngAcceptInputType_accentedSort: {};

property ngAcceptInputType_aggregateOnlyChangedColumns

static ngAcceptInputType_aggregateOnlyChangedColumns: {};

property ngAcceptInputType_allowContextMenuWithControlKey

static ngAcceptInputType_allowContextMenuWithControlKey: {};

property ngAcceptInputType_allowDragFromColumnsToolPanel

static ngAcceptInputType_allowDragFromColumnsToolPanel: {};

property ngAcceptInputType_allowShowChangeAfterFilter

static ngAcceptInputType_allowShowChangeAfterFilter: {};

property ngAcceptInputType_alwaysAggregateAtRootLevel

static ngAcceptInputType_alwaysAggregateAtRootLevel: {};

property ngAcceptInputType_alwaysMultiSort

static ngAcceptInputType_alwaysMultiSort: {};

property ngAcceptInputType_alwaysShowHorizontalScroll

static ngAcceptInputType_alwaysShowHorizontalScroll: {};

property ngAcceptInputType_alwaysShowVerticalScroll

static ngAcceptInputType_alwaysShowVerticalScroll: {};

property ngAcceptInputType_animateRows

static ngAcceptInputType_animateRows: {};

property ngAcceptInputType_applyQuickFilterBeforePivotOrAgg

static ngAcceptInputType_applyQuickFilterBeforePivotOrAgg: {};

property ngAcceptInputType_cacheQuickFilter

static ngAcceptInputType_cacheQuickFilter: {};

property ngAcceptInputType_columnHoverHighlight

static ngAcceptInputType_columnHoverHighlight: {};

property ngAcceptInputType_copyGroupHeadersToClipboard

static ngAcceptInputType_copyGroupHeadersToClipboard: {};

property ngAcceptInputType_copyHeadersToClipboard

static ngAcceptInputType_copyHeadersToClipboard: {};

property ngAcceptInputType_debounceVerticalScrollbar

static ngAcceptInputType_debounceVerticalScrollbar: {};

property ngAcceptInputType_debug

static ngAcceptInputType_debug: {};

property ngAcceptInputType_deltaSort

static ngAcceptInputType_deltaSort: {};

property ngAcceptInputType_detailRowAutoHeight

static ngAcceptInputType_detailRowAutoHeight: {};

property ngAcceptInputType_embedFullWidthRows

static ngAcceptInputType_embedFullWidthRows: {};

property ngAcceptInputType_enableAdvancedFilter

static ngAcceptInputType_enableAdvancedFilter: {};

property ngAcceptInputType_enableBrowserTooltips

static ngAcceptInputType_enableBrowserTooltips: {};

property ngAcceptInputType_enableCellEditingOnBackspace

static ngAcceptInputType_enableCellEditingOnBackspace: {};

property ngAcceptInputType_enableCellExpressions

static ngAcceptInputType_enableCellExpressions: {};

property ngAcceptInputType_enableCellSpan

static ngAcceptInputType_enableCellSpan: {};

property ngAcceptInputType_enableCellTextSelection

static ngAcceptInputType_enableCellTextSelection: {};

property ngAcceptInputType_enableCharts

static ngAcceptInputType_enableCharts: {};

property ngAcceptInputType_enableFillHandle

static ngAcceptInputType_enableFillHandle: {};

property ngAcceptInputType_enableGroupEdit

static ngAcceptInputType_enableGroupEdit: {};

property ngAcceptInputType_enableRangeHandle

static ngAcceptInputType_enableRangeHandle: {};

property ngAcceptInputType_enableRangeSelection

static ngAcceptInputType_enableRangeSelection: {};

property ngAcceptInputType_enableRtl

static ngAcceptInputType_enableRtl: {};

property ngAcceptInputType_enableStrictPivotColumnOrder

static ngAcceptInputType_enableStrictPivotColumnOrder: {};

property ngAcceptInputType_ensureDomOrder

static ngAcceptInputType_ensureDomOrder: {};

property ngAcceptInputType_enterNavigatesVertically

static ngAcceptInputType_enterNavigatesVertically: {};

property ngAcceptInputType_enterNavigatesVerticallyAfterEdit

static ngAcceptInputType_enterNavigatesVerticallyAfterEdit: {};

property ngAcceptInputType_excludeChildrenWhenTreeDataFiltering

static ngAcceptInputType_excludeChildrenWhenTreeDataFiltering: {};

property ngAcceptInputType_functionsReadOnly

static ngAcceptInputType_functionsReadOnly: {};

property ngAcceptInputType_groupAllowUnbalanced