# Ignite UI Grids for React v19.5.1 — Full API Reference

> Complete API reference for the Ignite UI Grids for React package (19.5.1). This file lists all public classes, interfaces, enumerations, type aliases, functions, and variables with their signatures, parameters, and descriptions.

Platform: React
Package: igniteui-react-grids
Version: 19.5.1

## Classes

### [IgrActionStrip](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrActionStrip)
Action Strip provides templatable area for one or more actions.

- **actionButtons**: `IgcGridActionsBaseDirective[]` — ActionButton as ContentChildren inside the Action Strip
- **hidden**: `boolean` — Gets/Sets the visibility of the Action Strip.
Could be used to set if the Action Strip will be initially hidden.
- **resourceStrings**: `IgcActionStripResourceStrings` — Gets/Sets the resource strings.
- **hide**(): void — Hiding the Action Strip and removing it from its current context element.
- **show**(context?: any): void — Showing the Action Strip and appending it the specified context element.

### [IgrBooleanFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrBooleanFilteringOperand)
Provides filtering operations for booleans

- **constructor**(): IgcBooleanFilteringOperand

### [IgrByLevelTreeGridMergeStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrByLevelTreeGridMergeStrategy)

- **constructor**(): IgcByLevelTreeGridMergeStrategy
- **comparer**(prevRecord: any, record: any, field: string, isDate?: boolean, isTime?: boolean): boolean

### [IgrColumn](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrColumn)
**Ignite UI for Angular Column** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration)   The Ignite UI Column is used within an igx-grid element to define what data the column will show. Features such as sorting,  filtering & editing are enabled at the column level.  You can also provide a template containing custom content inside  the column using ng-template which will be used for all cells within the column.

- **additionalTemplateContext**: `any` — Sets/gets custom properties provided in additional template context.

```html
<igx-column [additionalTemplateContext]="contextObject">
  <ng-template igxCell let-cell="cell" let-props="additionalTemplateContext">
     {{ props }}
  </ng-template>
</igx-column>
```
- **autosizeHeader**: `boolean` — Sets/gets whether the column header is included in autosize logic.
Useful when template for a column header is sized based on parent, for example a default `div`.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **bodyTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the `bodyTemplate`.
```typescript
let bodyTemplate = this.column.bodyTemplate;
```
- **cellClasses**: `any` — Sets a conditional class selector of the column cells.
Accepts an object literal, containing key-value pairs,
where the key is the name of the CSS class, while the
value is either a callback function that returns a boolean,
or boolean, like so:
```typescript
callback = (rowData, columnKey, cellValue, rowIndex) => { return rowData[columnKey] > 6; }
cellClasses = { 'className' : this.callback };
```
```html
<igx-column [cellClasses] = "cellClasses"></igx-column>
<igx-column [cellClasses] = "{'class1' : true }"></igx-column>
```
- **cellStyles**: `any` — Sets conditional style properties on the column cells.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
As with `cellClasses` it accepts a callback function.
```typescript
styles = {
 background: 'royalblue',
 color: (rowData, columnKey, cellValue, rowIndex) => value.startsWith('Important') ? 'red': 'inherit'
}
```
```html
<igx-column [cellStyles]="styles"></igx-column>
```
- **colEnd**: `number` — Column index where the current field should end.
The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field
```html
<igx-column-layout>
  <igx-column [colEnd]="3" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **colStart**: `number` — Column index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [colStart]="1" [rowStart]="1"></igx-column>
</igx-column-layout>
```
- **dataType**: `GridColumnDataType` — Sets/gets the data type of the column values.
Default value is `string`.
```typescript
let columnDataType = this.column.dataType;
```
```html
<igx-column [dataType] = "'number'"></igx-column>
```
- **disabledSummaries**: `string[]` — Sets/gets the summary operands to exclude from display.
Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.
```typescript
let disabledSummaries = this.column.disabledSummaries;
```
```html
<igx-column [disabledSummaries]="['min', 'max', 'average']"></igx-column>
```
- **disableHiding**: `boolean` — Gets whether the hiding is disabled.
```typescript
let isHidingDisabled =  this.column.disableHiding;
```
- **disablePinning**: `boolean` — Gets whether the pinning is disabled.
```typescript
let isPinningDisabled =  this.column.disablePinning;
```
- **editable**: `boolean` — Gets whether the column is editable.
Default value is `false`.
```typescript
let isEditable = this.column.editable;
```
- **editorOptions**: `IgcColumnEditorOptions` — Pass optional properties for the default column editors.
- **errorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the validation error template.
```typescript
let errorTemplate = this.column.errorTemplate;
```
- **field**: `string` — Sets/gets the `field` value.
```typescript
let columnField = this.column.field;
```
```html
<igx-column [field] = "'ID'"></igx-column>
```
- **filterable**: `boolean` — Sets/gets whether the column is filterable.
Default value is `true`.
```typescript
let isFilterable = this.column.filterable;
```
```html
<igx-column [filterable] = "false"></igx-column>
```
- **filterCellTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the `filterCellTemplate`.
```typescript
let filterCellTemplate = this.column.filterCellTemplate;
```
- **filteringIgnoreCase**: `boolean` — Sets/gets whether the column filtering should be case sensitive.
Default value is `true`.
```typescript
let filteringIgnoreCase = this.column.filteringIgnoreCase;
```
```html
<igx-column [filteringIgnoreCase] = "false"></igx-column>
```
- **filters**: `IgcFilteringOperand` — Gets the column `filters`.
```typescript
let columnFilters = this.column.filters'
```
- **formatter**: `any` — Applies display format to cell values in the column. Does not modify the underlying data.
- **groupable**: `boolean` — Sets/gets whether the column is groupable.
Default value is `false`.
```typescript
let isGroupable = this.column.groupable;
```
```html
<igx-column [groupable] = "true"></igx-column>
```
- **hasSummary**: `boolean` — Gets a value indicating whether the summary for the column is enabled.
```typescript
let hasSummary = this.column.hasSummary;
```
- **header**: `string` — Sets/gets the `header` value.
```typescript
let columnHeader = this.column.header;
```
```html
<igx-column [header] = "'ID'"></igx-column>
```
- **headerClasses**: `string` — Sets/gets the class selector of the column header.
```typescript
let columnHeaderClass = this.column.headerClasses;
```
```html
<igx-column [headerClasses] = "'column-header'"></igx-column>
```
- **headerGroupClasses**: `string` — Sets/gets the class selector of the column group header.
```typescript
let columnHeaderClass = this.column.headerGroupClasses;
```
```html
<igx-column [headerGroupClasses] = "'column-group-header'"></igx-column>
```
- **headerGroupStyles**: `any` — Sets conditional style properties on the column header group wrapper.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerGroupStyles]="styles"></igx-column>
```
- **headerStyles**: `any` — Sets conditional style properties on the column header.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerStyles]="styles"></igx-column>
```
- **headerTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the header template.
```typescript
let headerTemplate = this.column.headerTemplate;
```
- **hidden**: `boolean` — Gets whether the column is hidden.
```typescript
let isHidden = this.column.hidden;
```
- **inlineEditorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the inline editor template.
```typescript
let inlineEditorTemplate = this.column.inlineEditorTemplate;
```
- **maxWidth**: `string` — Sets/gets the maximum `width` of the column.
```typescript
let columnMaxWidth = this.column.width;
```
```html
<igx-column [maxWidth] = "'150px'"></igx-column>
```
- **merge**: `boolean` — Sets/gets whether to merge cells in this column.
```html
<igx-column [merge]="true"></igx-column>
```
- **minWidth**: `string` — Sets/gets the minimum `width` of the column.
Default value is `88`;
```typescript
let columnMinWidth = this.column.minWidth;
```
```html
<igx-column [minWidth] = "'100px'"></igx-column>
```
- **parent**: `IgcColumnComponent` — Sets/gets the parent column.
```typescript
let parentColumn = this.column.parent;
```
```typescript
this.column.parent = higherLevelColumn;
```
- **pinned**: `boolean` — Gets whether the column is `pinned`.
```typescript
let isPinned = this.column.pinned;
```
- **pinningPosition**: `ColumnPinningPosition` — Gets the pinning position of the column.
```typescript
let pinningPosition = this.column.pinningPosition;
- **pipeArgs**: `IgcColumnPipeArgs`
- **resizable**: `boolean` — Sets/gets whether the column is resizable.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **rowEnd**: `number` — Row index where the current field should end.
The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field
```html
<igx-column-layout>
  <igx-column [rowEnd]="2" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **rowStart**: `number` — Row index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **searchable**: `boolean` — Sets/gets whether the column is `searchable`.
Default value is `true`.
```typescript
let isSearchable =  this.column.searchable';
```
```html
 <igx-column [searchable] = "false"></igx-column>
```
- **selectable**: `boolean` — Returns if the column is selectable.
```typescript
let columnSelectable = this.column.selectable;
```
- **selected**: `boolean` — Returns if the column is selected.
```typescript
let isSelected = this.column.selected;
```
- **sortable**: `boolean` — Sets/gets whether the column is sortable.
Default value is `false`.
```typescript
let isSortable = this.column.sortable;
```
```html
<igx-column [sortable] = "true"></igx-column>
```
- **sortingIgnoreCase**: `boolean` — Sets/gets whether the column sorting should be case sensitive.
Default value is `true`.
```typescript
let sortingIgnoreCase = this.column.sortingIgnoreCase;
```
```html
<igx-column [sortingIgnoreCase] = "false"></igx-column>
```
- **sortStrategy**: `IgcSortingStrategy` — Gets the column `sortStrategy`.
```typescript
let sortStrategy = this.column.sortStrategy
```
- **summaries**: `any` — Gets the column `summaries`.
```typescript
let columnSummaries = this.column.summaries;
```
- **summaryFormatter**: `any` — The summaryFormatter is used to format the display of the column summaries.

In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter
to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.

```typescript
columnInit(column: IgxColumnComponent) {
  if (column.field == "OrderDate") {
    column.summaryFormatter = this.summaryFormat;
  }
}

summaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOperand): string {
  const result = summary.summaryResult;
  if(summaryResult.key !== 'count' && result !== null && result !== undefined) {
     const pipe = new DatePipe('fr-FR');
     return pipe.transform(result,'mediumDate');
  }
  return result;
}
```
- **summaryTemplate**: `IgcRenderFunction<IgcSummaryTemplateContext>` — Returns a reference to the `summaryTemplate`.
```typescript
let summaryTemplate = this.column.summaryTemplate;
```
- **title**: `string` — Sets/gets the `title` value.
```typescript
let title = this.column.title;
```
```html
<igx-column [title] = "'Some column tooltip'"></igx-column>
```
- **visibleWhenCollapsed**: `boolean` — Indicates whether the column will be visible when its parent is collapsed.
```html
<igx-column-group>
  <igx-column [visibleWhenCollapsed]="true"></igx-column>
</igx-column-group>
```
- **width**: `string` — Gets the `width` of the column.
```typescript
let columnWidth = this.column.width;
```
- **childColumns**: `any` — A list containing all the child columns under this column (if any).
Empty without children or if this column is not Group or Layout.
- **columnGroup**: `any` — Returns a boolean indicating if the column is a `ColumnGroup`.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayout**: `any` — Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayoutChild**: `any` — Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.
```typescript
let columnLayoutChild =  this.column.columnLayoutChild;
```
- **filteringExpressionsTree**: `any` — Returns the filteringExpressionsTree of the column.
```typescript
let tree =  this.column.filteringExpressionsTree;
```
- **index**: `any` — Gets the column index.
```typescript
let columnIndex = this.column.index;
```
- **level**: `any` — Returns the level of the column in a column group.
Returns `0` if the column doesn't have a `parent`.
```typescript
let columnLevel =  this.column.level;
```
- **topLevelParent**: `any` — Returns a reference to the top level parent column.
```typescript
let topLevelParent =  this.column.topLevelParent;
```
- **visibleIndex**: `any` — Gets the column visible index.
If the column is not visible, returns `-1`.
```typescript
let visibleColumnIndex =  this.column.visibleIndex;
```
- **autosize**(byHeaderOnly?: boolean): void — Autosize the column to the longest currently visible cell value, including the header cell.
@ViewChild('grid') grid: IgxGridComponent;
let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
column.autosize();
- **move**(index: number): void — Moves a column to the specified visible index.
If passed index is invalid, or if column would receive a different visible index after moving, moving is not performed.
If passed index would move the column to a different column group. moving is not performed.
- **pin**(index?: number, pinningPosition?: ColumnPinningPosition): boolean — Pins the column in the specified position at the provided index in that pinned area.
Defaults to index 0 if not provided, or to the initial index in the pinned area.
Returns true if the column is successfully pinned. Returns false if the column cannot be pinned.
Column cannot be pinned if:
- Is already pinned
- index argument is out of range
let success = this.column.pin();
- **unpin**(index?: number): boolean — Unpins the column and place it at the provided index in the unpinned area.
Defaults to index 0 if not provided, or to the initial index in the unpinned area.
Returns true if the column is successfully unpinned. Returns false if the column cannot be unpinned.
Column cannot be unpinned if:
- Is already unpinned
- index argument is out of range
let success = this.column.unpin();

### [IgrColumnGroup](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrColumnGroup)
**Ignite UI for Angular Column Group**

- **additionalTemplateContext**: `any` — Sets/gets custom properties provided in additional template context.

```html
<igx-column [additionalTemplateContext]="contextObject">
  <ng-template igxCell let-cell="cell" let-props="additionalTemplateContext">
     {{ props }}
  </ng-template>
</igx-column>
```
- **autosizeHeader**: `boolean` — Sets/gets whether the column header is included in autosize logic.
Useful when template for a column header is sized based on parent, for example a default `div`.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **bodyTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the `bodyTemplate`.
```typescript
let bodyTemplate = this.column.bodyTemplate;
```
- **cellClasses**: `any` — Sets a conditional class selector of the column cells.
Accepts an object literal, containing key-value pairs,
where the key is the name of the CSS class, while the
value is either a callback function that returns a boolean,
or boolean, like so:
```typescript
callback = (rowData, columnKey, cellValue, rowIndex) => { return rowData[columnKey] > 6; }
cellClasses = { 'className' : this.callback };
```
```html
<igx-column [cellClasses] = "cellClasses"></igx-column>
<igx-column [cellClasses] = "{'class1' : true }"></igx-column>
```
- **cellStyles**: `any` — Sets conditional style properties on the column cells.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
As with `cellClasses` it accepts a callback function.
```typescript
styles = {
 background: 'royalblue',
 color: (rowData, columnKey, cellValue, rowIndex) => value.startsWith('Important') ? 'red': 'inherit'
}
```
```html
<igx-column [cellStyles]="styles"></igx-column>
```
- **children**: `HTMLCollection`
- **colEnd**: `number` — Column index where the current field should end.
The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field
```html
<igx-column-layout>
  <igx-column [colEnd]="3" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **collapsible**: `boolean` — Set if the column group is collapsible.
Default value is `false`
```html
 <igx-column-group [collapsible] = "true"></igx-column-group>
```
- **collapsibleIndicatorTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Allows you to define a custom template for expand/collapse indicator
- **colStart**: `number` — Column index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [colStart]="1" [rowStart]="1"></igx-column>
</igx-column-layout>
```
- **dataType**: `GridColumnDataType` — Sets/gets the data type of the column values.
Default value is `string`.
```typescript
let columnDataType = this.column.dataType;
```
```html
<igx-column [dataType] = "'number'"></igx-column>
```
- **disabledSummaries**: `string[]` — Sets/gets the summary operands to exclude from display.
Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.
```typescript
let disabledSummaries = this.column.disabledSummaries;
```
```html
<igx-column [disabledSummaries]="['min', 'max', 'average']"></igx-column>
```
- **disableHiding**: `boolean` — Gets whether the hiding is disabled.
```typescript
let isHidingDisabled =  this.column.disableHiding;
```
- **disablePinning**: `boolean` — Gets whether the pinning is disabled.
```typescript
let isPinningDisabled =  this.column.disablePinning;
```
- **editable**: `boolean` — Gets whether the column is editable.
Default value is `false`.
```typescript
let isEditable = this.column.editable;
```
- **editorOptions**: `IgcColumnEditorOptions` — Pass optional properties for the default column editors.
- **errorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the validation error template.
```typescript
let errorTemplate = this.column.errorTemplate;
```
- **expanded**: `boolean` — Set whether the group is expanded or collapsed initially.
Applied only if the collapsible property is set to `true`
Default value is `true`
```html
 const state = false
 <igx-column-group [(expand)] = "state"></igx-column-group>
```
- **field**: `string` — Sets/gets the `field` value.
```typescript
let columnField = this.column.field;
```
```html
<igx-column [field] = "'ID'"></igx-column>
```
- **filterable**: `boolean` — Sets/gets whether the column is filterable.
Default value is `true`.
```typescript
let isFilterable = this.column.filterable;
```
```html
<igx-column [filterable] = "false"></igx-column>
```
- **filterCellTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the `filterCellTemplate`.
```typescript
let filterCellTemplate = this.column.filterCellTemplate;
```
- **filteringIgnoreCase**: `boolean` — Sets/gets whether the column filtering should be case sensitive.
Default value is `true`.
```typescript
let filteringIgnoreCase = this.column.filteringIgnoreCase;
```
```html
<igx-column [filteringIgnoreCase] = "false"></igx-column>
```
- **filters**: `IgcFilteringOperand` — Gets the column `filters`.
```typescript
let columnFilters = this.column.filters'
```
- **formatter**: `any` — Applies display format to cell values in the column. Does not modify the underlying data.
- **groupable**: `boolean` — Sets/gets whether the column is groupable.
Default value is `false`.
```typescript
let isGroupable = this.column.groupable;
```
```html
<igx-column [groupable] = "true"></igx-column>
```
- **hasSummary**: `boolean` — Gets a value indicating whether the summary for the column is enabled.
```typescript
let hasSummary = this.column.hasSummary;
```
- **header**: `string` — Sets/gets the `header` value.
```typescript
let columnHeader = this.column.header;
```
```html
<igx-column [header] = "'ID'"></igx-column>
```
- **headerClasses**: `string` — Sets/gets the class selector of the column header.
```typescript
let columnHeaderClass = this.column.headerClasses;
```
```html
<igx-column [headerClasses] = "'column-header'"></igx-column>
```
- **headerGroupClasses**: `string` — Sets/gets the class selector of the column group header.
```typescript
let columnHeaderClass = this.column.headerGroupClasses;
```
```html
<igx-column [headerGroupClasses] = "'column-group-header'"></igx-column>
```
- **headerGroupStyles**: `any` — Sets conditional style properties on the column header group wrapper.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerGroupStyles]="styles"></igx-column>
```
- **headerStyles**: `any` — Sets conditional style properties on the column header.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerStyles]="styles"></igx-column>
```
- **headerTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the header template.
```typescript
let headerTemplate = this.column.headerTemplate;
```
- **hidden**: `boolean` — Gets whether the column is hidden.
```typescript
let isHidden = this.column.hidden;
```
- **inlineEditorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the inline editor template.
```typescript
let inlineEditorTemplate = this.column.inlineEditorTemplate;
```
- **maxWidth**: `string` — Sets/gets the maximum `width` of the column.
```typescript
let columnMaxWidth = this.column.width;
```
```html
<igx-column [maxWidth] = "'150px'"></igx-column>
```
- **merge**: `boolean` — Sets/gets whether to merge cells in this column.
```html
<igx-column [merge]="true"></igx-column>
```
- **minWidth**: `string` — Sets/gets the minimum `width` of the column.
Default value is `88`;
```typescript
let columnMinWidth = this.column.minWidth;
```
```html
<igx-column [minWidth] = "'100px'"></igx-column>
```
- **parent**: `IgcColumnComponent` — Sets/gets the parent column.
```typescript
let parentColumn = this.column.parent;
```
```typescript
this.column.parent = higherLevelColumn;
```
- **pinned**: `boolean` — Gets whether the column is `pinned`.
```typescript
let isPinned = this.column.pinned;
```
- **pinningPosition**: `ColumnPinningPosition` — Gets the pinning position of the column.
```typescript
let pinningPosition = this.column.pinningPosition;
- **pipeArgs**: `IgcColumnPipeArgs`
- **resizable**: `boolean` — Sets/gets whether the column is resizable.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **rowEnd**: `number` — Row index where the current field should end.
The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field
```html
<igx-column-layout>
  <igx-column [rowEnd]="2" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **rowStart**: `number` — Row index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **searchable**: `boolean` — Sets/gets whether the column is `searchable`.
Default value is `true`.
```typescript
let isSearchable =  this.column.searchable';
```
```html
 <igx-column [searchable] = "false"></igx-column>
```
- **selectable**: `boolean` — Returns if the column is selectable.
```typescript
let columnSelectable = this.column.selectable;
```
- **selected**: `boolean` — Returns if the column is selected.
```typescript
let isSelected = this.column.selected;
```
- **sortable**: `boolean` — Sets/gets whether the column is sortable.
Default value is `false`.
```typescript
let isSortable = this.column.sortable;
```
```html
<igx-column [sortable] = "true"></igx-column>
```
- **sortingIgnoreCase**: `boolean` — Sets/gets whether the column sorting should be case sensitive.
Default value is `true`.
```typescript
let sortingIgnoreCase = this.column.sortingIgnoreCase;
```
```html
<igx-column [sortingIgnoreCase] = "false"></igx-column>
```
- **sortStrategy**: `IgcSortingStrategy` — Gets the column `sortStrategy`.
```typescript
let sortStrategy = this.column.sortStrategy
```
- **summaries**: `any` — Gets the column `summaries`.
```typescript
let columnSummaries = this.column.summaries;
```
- **summaryFormatter**: `any` — The summaryFormatter is used to format the display of the column summaries.

In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter
to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.

```typescript
columnInit(column: IgxColumnComponent) {
  if (column.field == "OrderDate") {
    column.summaryFormatter = this.summaryFormat;
  }
}

summaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOperand): string {
  const result = summary.summaryResult;
  if(summaryResult.key !== 'count' && result !== null && result !== undefined) {
     const pipe = new DatePipe('fr-FR');
     return pipe.transform(result,'mediumDate');
  }
  return result;
}
```
- **summaryTemplate**: `IgcRenderFunction<IgcSummaryTemplateContext>` — Returns a reference to the `summaryTemplate`.
```typescript
let summaryTemplate = this.column.summaryTemplate;
```
- **title**: `string` — Sets/gets the `title` value.
```typescript
let title = this.column.title;
```
```html
<igx-column [title] = "'Some column tooltip'"></igx-column>
```
- **visibleWhenCollapsed**: `boolean` — Indicates whether the column will be visible when its parent is collapsed.
```html
<igx-column-group>
  <igx-column [visibleWhenCollapsed]="true"></igx-column>
</igx-column-group>
```
- **width**: `string` — Gets the `width` of the column.
```typescript
let columnWidth = this.column.width;
```
- **childColumns**: `any` — A list containing all the child columns under this column (if any).
Empty without children or if this column is not Group or Layout.
- **childColumns**: `any` — A list containing all the child columns under this column (if any).
Empty without children or if this column is not Group or Layout.
- **columnGroup**: `any` — Returns a boolean indicating if the column is a `ColumnGroup`.
```typescript
let isColumnGroup =  this.columnGroup.columnGroup
```
- **columnGroup**: `any` — Returns a boolean indicating if the column is a `ColumnGroup`.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayout**: `any` — Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayout**: `any` — Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayoutChild**: `any` — Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.
```typescript
let columnLayoutChild =  this.column.columnLayoutChild;
```
- **filteringExpressionsTree**: `any` — Returns the filteringExpressionsTree of the column.
```typescript
let tree =  this.column.filteringExpressionsTree;
```
- **filters**: `any` — Gets the column group `filters`.
```typescript
let columnGroupFilters = this.columnGroup.filters;
```
- **hidden**: `any` — Gets whether the column group is hidden.
```typescript
let isHidden = this.columnGroup.hidden;
```
- **index**: `any` — Gets the column index.
```typescript
let columnIndex = this.column.index;
```
- **level**: `any` — Returns the level of the column in a column group.
Returns `0` if the column doesn't have a `parent`.
```typescript
let columnLevel =  this.column.level;
```
- **selectable**: `any` — Returns if the column group is selectable
```typescript
let columnGroupSelectable = this.columnGroup.selectable;
```
- **selected**: `any` — Returns if the column group is selected.
```typescript
let isSelected = this.columnGroup.selected;
```
- **summaries**: `any` — Gets the column group `summaries`.
```typescript
let columnGroupSummaries = this.columnGroup.summaries;
```
- **topLevelParent**: `any` — Returns a reference to the top level parent column.
```typescript
let topLevelParent =  this.column.topLevelParent;
```
- **visibleIndex**: `any` — Gets the column visible index.
If the column is not visible, returns `-1`.
```typescript
let visibleColumnIndex =  this.column.visibleIndex;
```
- **width**: `any` — Gets the width of the column group.
```typescript
let columnGroupWidth = this.columnGroup.width;
```
- **autosize**(byHeaderOnly?: boolean): void — Autosize the column to the longest currently visible cell value, including the header cell.
@ViewChild('grid') grid: IgxGridComponent;
let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
column.autosize();
- **move**(index: number): void — Moves a column to the specified visible index.
If passed index is invalid, or if column would receive a different visible index after moving, moving is not performed.
If passed index would move the column to a different column group. moving is not performed.
- **pin**(index?: number, pinningPosition?: ColumnPinningPosition): boolean — Pins the column in the specified position at the provided index in that pinned area.
Defaults to index 0 if not provided, or to the initial index in the pinned area.
Returns true if the column is successfully pinned. Returns false if the column cannot be pinned.
Column cannot be pinned if:
- Is already pinned
- index argument is out of range
let success = this.column.pin();
- **unpin**(index?: number): boolean — Unpins the column and place it at the provided index in the unpinned area.
Defaults to index 0 if not provided, or to the initial index in the unpinned area.
Returns true if the column is successfully unpinned. Returns false if the column cannot be unpinned.
Column cannot be unpinned if:
- Is already unpinned
- index argument is out of range
let success = this.column.unpin();

### [IgrColumnLayout](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrColumnLayout)
Column layout for declaration of Multi-row Layout

- **additionalTemplateContext**: `any` — Sets/gets custom properties provided in additional template context.

```html
<igx-column [additionalTemplateContext]="contextObject">
  <ng-template igxCell let-cell="cell" let-props="additionalTemplateContext">
     {{ props }}
  </ng-template>
</igx-column>
```
- **autosizeHeader**: `boolean` — Sets/gets whether the column header is included in autosize logic.
Useful when template for a column header is sized based on parent, for example a default `div`.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **bodyTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the `bodyTemplate`.
```typescript
let bodyTemplate = this.column.bodyTemplate;
```
- **cellClasses**: `any` — Sets a conditional class selector of the column cells.
Accepts an object literal, containing key-value pairs,
where the key is the name of the CSS class, while the
value is either a callback function that returns a boolean,
or boolean, like so:
```typescript
callback = (rowData, columnKey, cellValue, rowIndex) => { return rowData[columnKey] > 6; }
cellClasses = { 'className' : this.callback };
```
```html
<igx-column [cellClasses] = "cellClasses"></igx-column>
<igx-column [cellClasses] = "{'class1' : true }"></igx-column>
```
- **cellStyles**: `any` — Sets conditional style properties on the column cells.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
As with `cellClasses` it accepts a callback function.
```typescript
styles = {
 background: 'royalblue',
 color: (rowData, columnKey, cellValue, rowIndex) => value.startsWith('Important') ? 'red': 'inherit'
}
```
```html
<igx-column [cellStyles]="styles"></igx-column>
```
- **children**: `HTMLCollection`
- **colEnd**: `number` — Column index where the current field should end.
The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field
```html
<igx-column-layout>
  <igx-column [colEnd]="3" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **collapsible**: `boolean` — Set if the column group is collapsible.
Default value is `false`
```html
 <igx-column-group [collapsible] = "true"></igx-column-group>
```
- **collapsibleIndicatorTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Allows you to define a custom template for expand/collapse indicator
- **colStart**: `number` — Column index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [colStart]="1" [rowStart]="1"></igx-column>
</igx-column-layout>
```
- **dataType**: `GridColumnDataType` — Sets/gets the data type of the column values.
Default value is `string`.
```typescript
let columnDataType = this.column.dataType;
```
```html
<igx-column [dataType] = "'number'"></igx-column>
```
- **disabledSummaries**: `string[]` — Sets/gets the summary operands to exclude from display.
Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.
```typescript
let disabledSummaries = this.column.disabledSummaries;
```
```html
<igx-column [disabledSummaries]="['min', 'max', 'average']"></igx-column>
```
- **disableHiding**: `boolean` — Gets whether the hiding is disabled.
```typescript
let isHidingDisabled =  this.column.disableHiding;
```
- **disablePinning**: `boolean` — Gets whether the pinning is disabled.
```typescript
let isPinningDisabled =  this.column.disablePinning;
```
- **editable**: `boolean` — Gets whether the column is editable.
Default value is `false`.
```typescript
let isEditable = this.column.editable;
```
- **editorOptions**: `IgcColumnEditorOptions` — Pass optional properties for the default column editors.
- **errorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the validation error template.
```typescript
let errorTemplate = this.column.errorTemplate;
```
- **expanded**: `boolean` — Set whether the group is expanded or collapsed initially.
Applied only if the collapsible property is set to `true`
Default value is `true`
```html
 const state = false
 <igx-column-group [(expand)] = "state"></igx-column-group>
```
- **field**: `string` — Sets/gets the `field` value.
```typescript
let columnField = this.column.field;
```
```html
<igx-column [field] = "'ID'"></igx-column>
```
- **filterable**: `boolean` — Sets/gets whether the column is filterable.
Default value is `true`.
```typescript
let isFilterable = this.column.filterable;
```
```html
<igx-column [filterable] = "false"></igx-column>
```
- **filterCellTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the `filterCellTemplate`.
```typescript
let filterCellTemplate = this.column.filterCellTemplate;
```
- **filteringIgnoreCase**: `boolean` — Sets/gets whether the column filtering should be case sensitive.
Default value is `true`.
```typescript
let filteringIgnoreCase = this.column.filteringIgnoreCase;
```
```html
<igx-column [filteringIgnoreCase] = "false"></igx-column>
```
- **filters**: `IgcFilteringOperand` — Gets the column `filters`.
```typescript
let columnFilters = this.column.filters'
```
- **formatter**: `any` — Applies display format to cell values in the column. Does not modify the underlying data.
- **groupable**: `boolean` — Sets/gets whether the column is groupable.
Default value is `false`.
```typescript
let isGroupable = this.column.groupable;
```
```html
<igx-column [groupable] = "true"></igx-column>
```
- **hasSummary**: `boolean` — Gets a value indicating whether the summary for the column is enabled.
```typescript
let hasSummary = this.column.hasSummary;
```
- **header**: `string` — Sets/gets the `header` value.
```typescript
let columnHeader = this.column.header;
```
```html
<igx-column [header] = "'ID'"></igx-column>
```
- **headerClasses**: `string` — Sets/gets the class selector of the column header.
```typescript
let columnHeaderClass = this.column.headerClasses;
```
```html
<igx-column [headerClasses] = "'column-header'"></igx-column>
```
- **headerGroupClasses**: `string` — Sets/gets the class selector of the column group header.
```typescript
let columnHeaderClass = this.column.headerGroupClasses;
```
```html
<igx-column [headerGroupClasses] = "'column-group-header'"></igx-column>
```
- **headerGroupStyles**: `any` — Sets conditional style properties on the column header group wrapper.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerGroupStyles]="styles"></igx-column>
```
- **headerStyles**: `any` — Sets conditional style properties on the column header.
Similar to `ngStyle` it accepts an object literal where the keys are
the style properties and the value is the expression to be evaluated.
```typescript
styles = {
 background: 'royalblue',
 color: (column) => column.pinned ? 'red': 'inherit'
}
```
```html
<igx-column [headerStyles]="styles"></igx-column>
```
- **headerTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>` — Returns a reference to the header template.
```typescript
let headerTemplate = this.column.headerTemplate;
```
- **hidden**: `boolean` — Gets whether the column is hidden.
```typescript
let isHidden = this.column.hidden;
```
- **inlineEditorTemplate**: `IgcRenderFunction<IgcCellTemplateContext>` — Returns a reference to the inline editor template.
```typescript
let inlineEditorTemplate = this.column.inlineEditorTemplate;
```
- **maxWidth**: `string` — Sets/gets the maximum `width` of the column.
```typescript
let columnMaxWidth = this.column.width;
```
```html
<igx-column [maxWidth] = "'150px'"></igx-column>
```
- **merge**: `boolean` — Sets/gets whether to merge cells in this column.
```html
<igx-column [merge]="true"></igx-column>
```
- **minWidth**: `string` — Sets/gets the minimum `width` of the column.
Default value is `88`;
```typescript
let columnMinWidth = this.column.minWidth;
```
```html
<igx-column [minWidth] = "'100px'"></igx-column>
```
- **parent**: `IgcColumnComponent` — Sets/gets the parent column.
```typescript
let parentColumn = this.column.parent;
```
```typescript
this.column.parent = higherLevelColumn;
```
- **pinned**: `boolean` — Gets whether the column is `pinned`.
```typescript
let isPinned = this.column.pinned;
```
- **pinningPosition**: `ColumnPinningPosition` — Gets the pinning position of the column.
```typescript
let pinningPosition = this.column.pinningPosition;
- **pipeArgs**: `IgcColumnPipeArgs`
- **resizable**: `boolean` — Sets/gets whether the column is resizable.
Default value is `false`.
```typescript
let isResizable = this.column.resizable;
```
```html
<igx-column [resizable] = "true"></igx-column>
```
- **rowEnd**: `number` — Row index where the current field should end.
The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field
```html
<igx-column-layout>
  <igx-column [rowEnd]="2" [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **rowStart**: `number` — Row index from which the field is starting.
```html
<igx-column-layout>
  <igx-column [rowStart]="1" [colStart]="1"></igx-column>
</igx-column-layout>
```
- **searchable**: `boolean` — Sets/gets whether the column is `searchable`.
Default value is `true`.
```typescript
let isSearchable =  this.column.searchable';
```
```html
 <igx-column [searchable] = "false"></igx-column>
```
- **selectable**: `boolean` — Returns if the column is selectable.
```typescript
let columnSelectable = this.column.selectable;
```
- **selected**: `boolean` — Returns if the column is selected.
```typescript
let isSelected = this.column.selected;
```
- **sortable**: `boolean` — Sets/gets whether the column is sortable.
Default value is `false`.
```typescript
let isSortable = this.column.sortable;
```
```html
<igx-column [sortable] = "true"></igx-column>
```
- **sortingIgnoreCase**: `boolean` — Sets/gets whether the column sorting should be case sensitive.
Default value is `true`.
```typescript
let sortingIgnoreCase = this.column.sortingIgnoreCase;
```
```html
<igx-column [sortingIgnoreCase] = "false"></igx-column>
```
- **sortStrategy**: `IgcSortingStrategy` — Gets the column `sortStrategy`.
```typescript
let sortStrategy = this.column.sortStrategy
```
- **summaries**: `any` — Gets the column `summaries`.
```typescript
let columnSummaries = this.column.summaries;
```
- **summaryFormatter**: `any` — The summaryFormatter is used to format the display of the column summaries.

In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter
to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.

```typescript
columnInit(column: IgxColumnComponent) {
  if (column.field == "OrderDate") {
    column.summaryFormatter = this.summaryFormat;
  }
}

summaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOperand): string {
  const result = summary.summaryResult;
  if(summaryResult.key !== 'count' && result !== null && result !== undefined) {
     const pipe = new DatePipe('fr-FR');
     return pipe.transform(result,'mediumDate');
  }
  return result;
}
```
- **summaryTemplate**: `IgcRenderFunction<IgcSummaryTemplateContext>` — Returns a reference to the `summaryTemplate`.
```typescript
let summaryTemplate = this.column.summaryTemplate;
```
- **title**: `string` — Sets/gets the `title` value.
```typescript
let title = this.column.title;
```
```html
<igx-column [title] = "'Some column tooltip'"></igx-column>
```
- **visibleWhenCollapsed**: `boolean` — Indicates whether the column will be visible when its parent is collapsed.
```html
<igx-column-group>
  <igx-column [visibleWhenCollapsed]="true"></igx-column>
</igx-column-group>
```
- **width**: `string` — Gets the `width` of the column.
```typescript
let columnWidth = this.column.width;
```
- **childColumns**: `any` — A list containing all the child columns under this column (if any).
Empty without children or if this column is not Group or Layout.
- **childColumns**: `any` — A list containing all the child columns under this column (if any).
Empty without children or if this column is not Group or Layout.
- **columnGroup**: `any` — Returns a boolean indicating if the column is a `ColumnGroup`.
```typescript
let isColumnGroup =  this.columnGroup.columnGroup
```
- **columnGroup**: `any` — Returns a boolean indicating if the column is a `ColumnGroup`.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayout**: `any` — Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayout**: `any` — Returns a boolean indicating if the column is a `ColumnLayout` for multi-row layout.
```typescript
let columnGroup =  this.column.columnGroup;
```
- **columnLayoutChild**: `any` — Returns a boolean indicating if the column is a child of a `ColumnLayout` for multi-row layout.
```typescript
let columnLayoutChild =  this.column.columnLayoutChild;
```
- **filteringExpressionsTree**: `any` — Returns the filteringExpressionsTree of the column.
```typescript
let tree =  this.column.filteringExpressionsTree;
```
- **filters**: `any` — Gets the column group `filters`.
```typescript
let columnGroupFilters = this.columnGroup.filters;
```
- **hidden**: `any` — Gets whether the column group is hidden.
```typescript
let isHidden = this.columnGroup.hidden;
```
- **index**: `any` — Gets the column index.
```typescript
let columnIndex = this.column.index;
```
- **level**: `any` — Returns the level of the column in a column group.
Returns `0` if the column doesn't have a `parent`.
```typescript
let columnLevel =  this.column.level;
```
- **selectable**: `any` — Returns if the column group is selectable
```typescript
let columnGroupSelectable = this.columnGroup.selectable;
```
- **selected**: `any` — Returns if the column group is selected.
```typescript
let isSelected = this.columnGroup.selected;
```
- **summaries**: `any` — Gets the column group `summaries`.
```typescript
let columnGroupSummaries = this.columnGroup.summaries;
```
- **topLevelParent**: `any` — Returns a reference to the top level parent column.
```typescript
let topLevelParent =  this.column.topLevelParent;
```
- **visibleIndex**: `any` — Gets the column visible index.
If the column is not visible, returns `-1`.
```typescript
let visibleColumnIndex =  this.column.visibleIndex;
```
- **visibleIndex**: `any` — Gets the column visible index.
If the column is not visible, returns `-1`.
```typescript
let visibleColumnIndex =  this.column.visibleIndex;
```
- **width**: `any` — Gets the width of the column layout.
```typescript
let columnGroupWidth = this.columnGroup.width;
```
- **width**: `any` — Gets the width of the column group.
```typescript
let columnGroupWidth = this.columnGroup.width;
```
- **autosize**(byHeaderOnly?: boolean): void — Autosize the column to the longest currently visible cell value, including the header cell.
@ViewChild('grid') grid: IgxGridComponent;
let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
column.autosize();
- **move**(index: number): void — Moves a column to the specified visible index.
If passed index is invalid, or if column would receive a different visible index after moving, moving is not performed.
If passed index would move the column to a different column group. moving is not performed.
- **pin**(index?: number, pinningPosition?: ColumnPinningPosition): boolean — Pins the column in the specified position at the provided index in that pinned area.
Defaults to index 0 if not provided, or to the initial index in the pinned area.
Returns true if the column is successfully pinned. Returns false if the column cannot be pinned.
Column cannot be pinned if:
- Is already pinned
- index argument is out of range
let success = this.column.pin();
- **unpin**(index?: number): boolean — Unpins the column and place it at the provided index in the unpinned area.
Defaults to index 0 if not provided, or to the initial index in the unpinned area.
Returns true if the column is successfully unpinned. Returns false if the column cannot be unpinned.
Column cannot be unpinned if:
- Is already unpinned
- index argument is out of range
let success = this.column.unpin();

### [IgrDateFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrDateFilteringOperand)
Provides filtering operations for Dates

- **constructor**(): IgcDateFilteringOperand

### [IgrDateSummaryOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrDateSummaryOperand)

- **constructor**(): IgcDateSummaryOperand
- **operate**(data?: any[], allData?: any[], fieldName?: string, groupRecord?: IgcGroupByRecord): IgcSummaryResult[] — Executes the static methods and returns IgxSummaryResult[].
interface IgxSummaryResult {
  key: string;
  label: string;
  summaryResult: any;
}

Can be overridden in the inherited classes to provide customization for the summary.
class CustomDateSummary extends IgxDateSummaryOperand {
  constructor() {
    super();
  }
  public operate(data: any[], allData: any[], fieldName: string, groupRecord: IGroupByRecord): IgxSummaryResult[] {
    const result = super.operate(data, allData, fieldName, groupRecord);
    result.push({
      key: "deadline",
      label: "Deadline Date",
      summaryResult: this.calculateDeadline(data);
    });
    return result;
  }
}
this.grid.getColumnByName('ColumnName').summaries = CustomDateSummary;
- static **earliest**(data: any[]): void — Returns the earliest date value in the data records.
If filtering is applied, returns the latest date value in the filtered data records.
IgxDateSummaryOperand.earliest(data);
- static **latest**(data: any[]): void — Returns the latest date value in the data records.
If filtering is applied, returns the latest date value in the filtered data records.
IgxDateSummaryOperand.latest(data);

### [IgrDateTimeFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrDateTimeFilteringOperand)

- **constructor**(): IgcDateTimeFilteringOperand

### [IgrDefaultMergeStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrDefaultMergeStrategy)

- **constructor**(): IgcDefaultMergeStrategy
- **comparer**(prevRecord: any, record: any, field: string, isDate?: boolean, isTime?: boolean): boolean
- **merge**(data: any[], field: string, comparer: any, result: any[], activeRowIndexes: number[], isDate?: boolean, isTime?: boolean, grid?: IgcGridBaseDirective): any[]
- static **instance**(): IgcDefaultMergeStrategy

### [IgrDefaultTreeGridMergeStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrDefaultTreeGridMergeStrategy)

- **constructor**(): IgcDefaultTreeGridMergeStrategy
- **comparer**(prevRecord: any, record: any, field: string, isDate?: boolean, isTime?: boolean): boolean

### [IgrFilteringExpressionsTree](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrFilteringExpressionsTree)

- **constructor**(): IgcFilteringExpressionsTree
- **entity**: `string`
- **fieldName**: `string`
- **owner**: `any` — Provides reference to the owner component.
- **returnFields**: `string[]`
- **type**: `FilteringExpressionsTreeType`
- **filteringOperands**: `IgcFilteringExpressionsTree | IgcFilteringExpression[]`
- **operator**: `FilteringLogic`

### [IgrFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrFilteringOperand)
Provides base filtering operations
Implementations should be Singleton

- **constructor**(): IgcFilteringOperand
- **operations**: `IgcFilteringOperation[]`
- **append**(operation: IgcFilteringOperation): void — Adds a new condition to the filtering operations.
- **condition**(name: string): IgcFilteringOperation — Returns an instance of the condition with the specified name.
- **conditionList**(): string[] — Returns an array of names of the conditions which are visible in the filtering UI
- static **instance**(): IgcFilteringOperand

### [IgrGrid](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGrid)
Grid provides a way to present and manipulate tabular data.

- **data**: `any[]` — Gets/Sets the array of data that populates the component.
- **detailTemplate**: `IgcRenderFunction<IgcGridMasterDetailContext>` — Returns a reference to the master-detail template.
```typescript
let detailTemplate = this.grid.detailTemplate;
```
- **dropAreaMessage**: `string` — Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.
- **dropAreaTemplate**: `IgcRenderFunction<void>` — Gets/Sets the template that will be rendered as a GroupBy drop area.
- **groupByRowSelectorTemplate**: `IgcRenderFunction<IgcGroupByRowSelectorTemplateContext>` — Gets the group by row selector template.
- **groupingExpansionState**: `IgcGroupByExpandState[]` — Gets/Sets a list of expansion states for group rows.
- **groupingExpressions**: `IgcGroupingExpression[]` — Gets/Sets the group by state.
- **groupRowTemplate**: `IgcRenderFunction<IgcGroupByRowTemplateContext>` — Gets/Sets the template reference for the group row.
- **groupsExpanded**: `boolean` — Gets/Sets whether created groups are rendered expanded or collapsed.
- **groupStrategy**: `IgcGridGroupingStrategy` — Gets/Sets the grouping strategy of the grid.
- **hideGroupedColumns**: `boolean` — Gets/Sets whether the grouped columns should be hidden.
- **id**: `string` — Gets/Sets the value of the `id` attribute.
- **showGroupArea**: `boolean` — Returns whether the `IgxGridComponent` has group area.
- **totalItemCount**: `number` — Gets/Sets the total number of records in the data source.
- **groupsRecords**: `any` — Gets the hierarchical representation of the group by records.
- **selectedCells**: `any` — Returns an array of the selected `IgxGridCell`s.
- **clearGrouping**(name?: string): void — Clears grouping for particular column, array of columns or all columns.
- **deselectRowsInGroup**(groupRow: IgcGroupByRecord): void — Deselect all rows within a group.
- **fullyExpandGroup**(groupRow: IgcGroupByRecord): void — Expands the specified group and all of its parent groups.
- **getCellByColumn**(rowIndex: number, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getCellByKey**(rowSelector: any, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getRowByIndex**(index: number): IgcRowType — Returns the IgxGridRow by index.
- **getRowByKey**(key: any): IgcRowType — Returns IgxGridRow object by the specified primary key.
- **getSelectedData**(formatters?: boolean, headers?: boolean): any[] — Returns an array of the current cell selection in the form of [{ column.field: cell.value }, ...].
- **groupBy**(expression: IgcGroupingExpression[]): void — Groups by a new IgxColumnComponent based on the provided expression, or modifies an existing one.
- **isExpandedGroup**(group: IgcGroupByRecord): boolean — Returns if a group is expanded or not.
- **pinRow**(rowID: any, index?: number): boolean — Pin the row by its id.
- **selectRowsInGroup**(groupRow: IgcGroupByRecord, clearPrevSelection?: boolean): void — Select all rows within a group.
- **toggleAllGroupRows**(): void — Toggles the expansion state of all group rows recursively.
- **toggleGroup**(groupRow: IgcGroupByRecord): void — Toggles the expansion state of a group.
- **unpinRow**(rowID: any): boolean — Unpin the row by its id.

### [IgrGridEditingActions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridEditingActions)
Grid Editing Actions for the Action Strip

- **addChild**: `boolean` — An input to enable/disable action strip child row adding button
- **addRow**: `boolean` — An input to enable/disable action strip row adding button
- **asMenuItems**: `boolean` — Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.
- **deleteRow**: `boolean` — An input to enable/disable action strip row deleting button
- **editRow**: `boolean` — An input to enable/disable action strip row editing button
- **hasChildren**: `any`
- **startEdit**(evt?: any): void — Enter row or cell edit mode depending the grid rowEditable option

### [IgrGridPinningActions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridPinningActions)
Grid Pinning Actions for the Action Strip

- **asMenuItems**: `boolean` — Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.
- **pin**(evt?: any): void — Pin the row according to the context.
- **scrollToRow**(evt: any): void
- **unpin**(evt?: any): void — Unpin the row according to the context.

### [IgrGridState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridState)
State component allows saving and restoring the state of the grid features.

- **applyState**(state: IgcGridStateInfo, features?: string[]): void — Restores grid features' state based on the IGridStateInfo object passed as an argument.
- **applyStateFromString**(state: string, features?: string[]): void — Restores grid features' state based on the serialized IGridState object passed as an argument.
- **getState**(features?: string[]): IgcGridStateInfo — Gets the state of a feature or states of all grid features, unless a certain feature is disabled through the options property.
- **getStateAsString**(features?: string[]): string — Gets the state of a feature or states of all grid features, unless a certain feature is disabled through the options property.

### [IgrGridToolbar](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbar)
Provides a context-aware container component for UI operations for the grid components.

- **grid**: `IgcGridBaseDirective` — Gets/sets the grid component for the toolbar component.
- **showProgress**: `boolean` — When enabled, shows the indeterminate progress bar.

### [IgrGridToolbarActions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarActions)
Provides a way to template the action portion of the toolbar in the grid.


### [IgrGridToolbarAdvancedFiltering](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarAdvancedFiltering)
Provides a pre-configured button to open the advanced filtering dialog of the grid.

- **overlaySettings**: `IgcOverlaySettings`

### [IgrGridToolbarExporter](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarExporter)
Provides a pre-configured exporter component for the grid.

- **exportCSV**: `boolean` — Show entry for CSV export.
- **exportExcel**: `boolean` — Show entry for Excel export.
- **exportPDF**: `boolean` — Show entry for PDF export.
- **filename**: `string` — The name for the exported file.
- **export**(type: GridToolbarExporterType): void — Export the grid's data

### [IgrGridToolbarHiding](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarHiding)
Provides a pre-configured column hiding component for the grid.

- **columnListHeight**: `string` — Sets the height of the column list in the dropdown.
- **overlaySettings**: `IgcOverlaySettings` — Sets overlay settings
- **prompt**: `string` — The placeholder text for the search input.
- **title**: `string` — Title text for the column action component

### [IgrGridToolbarPinning](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarPinning)
Provides a pre-configured column pinning component for the grid.

- **columnListHeight**: `string` — Sets the height of the column list in the dropdown.
- **overlaySettings**: `IgcOverlaySettings` — Sets overlay settings
- **prompt**: `string` — The placeholder text for the search input.
- **title**: `string` — Title text for the column action component

### [IgrGridToolbarTitle](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrGridToolbarTitle)
Provides a way to template the title portion of the toolbar in the grid.


### [IgrHierarchicalGrid](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrHierarchicalGrid)
Hierarchical grid

- **advancedFilteringExpressionsTree**: `IgcFilteringExpressionsTree`
- **childLayoutList**: `IgcRowIslandComponent[]`
- **data**: `any[]` — Gets/Sets the array of data that populates the component.
```html
<igx-hierarchical-grid [data]="Data" [autoGenerate]="true"></igx-hierarchical-grid>
```
- **expandChildren**: `boolean` — Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.
Default value is false.
```html
<igx-hierarchical-grid [id]="'igx-grid-1'" [data]="Data" [autoGenerate]="true" [expandChildren]="true"></igx-hierarchical-grid>
```
- **hasChildrenKey**: `string` — Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.
- **id**: `string` — Gets/Sets the value of the `id` attribute.
- **resourceStrings**: `IgcGridResourceStrings` — Gets/Sets the resource strings.
- **rootGrid**: `IgcGridBaseDirective`
- **showExpandAll**: `boolean` — Gets/Sets whether the expand/collapse all button in the header should be rendered.
- **totalItemCount**: `number` — Gets/Sets the total number of records in the data source.
- **foreignKey**: `any` — Gets the unique identifier of the parent row. It may be a `string` or `number` if `primaryKey` of the
parent grid is set or an object reference of the parent record otherwise.
```typescript
const foreignKey = this.grid.foreignKey;
```
- **selectedCells**: `any` — Returns an array of the selected `IgxGridCell`s.
- **getCellByColumn**(rowIndex: number, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getCellByKey**(rowSelector: any, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getDefaultExpandState**(record: any): void
- **getRowByIndex**(index: number): IgcRowType — Returns the RowType by index.
- **getRowByKey**(key: any): IgcRowType — Returns the RowType by key.
- **pinRow**(rowID: any, index?: number): boolean — Pin the row by its id.
- **unpinRow**(rowID: any): boolean — Unpin the row by its id.

### [IgrNoopFilteringStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrNoopFilteringStrategy)

- **constructor**(): IgcNoopFilteringStrategy
- **filter**(data: any[], _: IgcFilteringExpressionsTree, __?: IgcFilteringExpressionsTree): any[]
- static **instance**(): void

### [IgrNoopPivotDimensionsStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrNoopPivotDimensionsStrategy)

- **constructor**(): IgcNoopPivotDimensionsStrategy
- **process**(collection: any[], _: IgcPivotDimension[], __: IgcPivotValue[]): any[]
- static **instance**(): IgcNoopPivotDimensionsStrategy

### [IgrNoopSortingStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrNoopSortingStrategy)
Represents a class implementing the IGridSortingStrategy interface with a no-operation sorting strategy.
It performs no sorting and returns the data as it is.

- **constructor**(): IgcNoopSortingStrategy
- **sort**(data: any[]): any[]
- static **instance**(): IgcNoopSortingStrategy

### [IgrNumberFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrNumberFilteringOperand)
Provides filtering operations for numbers

- **constructor**(): IgcNumberFilteringOperand

### [IgrNumberSummaryOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrNumberSummaryOperand)

- **constructor**(): IgcNumberSummaryOperand
- **operate**(data?: any[], allData?: any[], fieldName?: string, groupRecord?: IgcGroupByRecord): IgcSummaryResult[] — Executes the static methods and returns IgxSummaryResult[].
interface IgxSummaryResult {
  key: string;
  label: string;
  summaryResult: any;
}

Can be overridden in the inherited classes to provide customization for the summary.
class CustomNumberSummary extends IgxNumberSummaryOperand {
  constructor() {
    super();
  }
  public operate(data: any[], allData: any[], fieldName: string, groupRecord: IGroupByRecord): IgxSummaryResult[] {
    const result = super.operate(data, allData, fieldName, groupRecord);
    result.push({
      key: "avg",
      label: "Avg",
      summaryResult: IgxNumberSummaryOperand.average(data)
    });
    result.push({
      key: 'mdn',
      label: 'Median',
      summaryResult: this.findMedian(data)
    });
    return result;
  }
}
this.grid.getColumnByName('ColumnName').summaries = CustomNumberSummary;
- static **average**(data: any[]): number — Returns the average numeric value in the data provided data records.
If filtering is applied, returns the average numeric value in the filtered data records.
IgxSummaryOperand.average(data);
- static **max**(data: any[]): number — Returns the maximum numeric value in the provided data records.
If filtering is applied, returns the maximum value in the filtered data records.
IgxNumberSummaryOperand.max(data);
- static **min**(data: any[]): number — Returns the minimum numeric value in the provided data records.
If filtering is applied, returns the minimum value in the filtered data records.
IgxNumberSummaryOperand.min(data);
- static **sum**(data: any[]): number — Returns the sum of the numeric values in the provided data records.
If filtering is applied, returns the sum of the numeric values in the data records.
IgxNumberSummaryOperand.sum(data);

### [IgrPaginator](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrPaginator)
Paginator component description

- **overlaySettings**: `IgcOverlaySettings` — Sets custom OverlaySettings.
```html
<igx-paginator [overlaySettings] = "customOverlaySettings"></igx-paginator>
```
- **page**: `number` — Gets/Sets the current page of the paginator.
The default is 0.
```typescript
let page = this.paginator.page;
```
- **perPage**: `number` — Gets/Sets the number of visible items per page in the paginator.
The default is 15.
```typescript
let itemsPerPage = this.paginator.perPage;
```
- **resourceStrings**: `IgcPaginatorResourceStrings` — An accessor that sets the resource strings.
By default it uses EN resources.
- **selectOptions**: `number[]` — Sets custom options in the select of the paginator
```typescript
let options = this.paginator.selectOptions;
```
- **totalPages**: `number` — Total pages calculated from totalRecords and perPage
- **totalRecords**: `number` — Sets the total records.
```typescript
let totalRecords = this.paginator.totalRecords;
```
- **isFirstPage**: `any` — Returns if the current page is the first page.
```typescript
const lastPage = this.paginator.isFirstPage;
```
- **isLastPage**: `any` — Returns if the current page is the last page.
```typescript
const lastPage = this.paginator.isLastPage;
```
- **nextPage**(): void — Goes to the next page of the IgxPaginatorComponent, if the paginator is not already at the last page.
this.paginator.nextPage();
- **paginate**(val: number): void — Goes to the desired page index.
this.paginator.paginate(1);
- **previousPage**(): void — Goes to the previous page of the IgxPaginatorComponent, if the paginator is not already at the first page.
this.paginator.previousPage();

### [IgrPivotDataSelector](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrPivotDataSelector)
Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI

- **columnsExpanded**: `boolean` — Gets/sets whether the columns panel is expanded
Get
```typescript
 const columnsPanelState: boolean = this.dataSelector.columnsExpanded;
```
Set
```html
<igx-pivot-data-selector [grid]="grid1" [columnsExpanded]="columnsPanelState"></igx-pivot-data-selector>
```

Two-way data binding:
```html
<igx-pivot-data-selector [grid]="grid1" [(columnsExpanded)]="columnsPanelState"></igx-pivot-data-selector>
```
- **filtersExpanded**: `boolean` — Gets/sets whether the filters panel is expanded
Get
```typescript
 const filtersPanelState: boolean = this.dataSelector.filtersExpanded;
```
Set
```html
<igx-pivot-data-selector [grid]="grid1" [filtersExpanded]="filtersPanelState"></igx-pivot-data-selector>
```

Two-way data binding:
```html
<igx-pivot-data-selector [grid]="grid1" [(filtersExpanded)]="filtersPanelState"></igx-pivot-data-selector>
```
- **grid**: `IgcPivotGridComponent` — Sets the grid.
- **rowsExpanded**: `boolean` — Gets/sets whether the rows panel is expanded
Get
```typescript
 const rowsPanelState: boolean = this.dataSelector.rowsExpanded;
```
Set
```html
<igx-pivot-data-selector [grid]="grid1" [rowsExpanded]="rowsPanelState"></igx-pivot-data-selector>
```

Two-way data binding:
```html
<igx-pivot-data-selector [grid]="grid1" [(rowsExpanded)]="rowsPanelState"></igx-pivot-data-selector>
```
- **valuesExpanded**: `boolean` — Gets/sets whether the values panel is expanded
Get
```typescript
 const valuesPanelState: boolean = this.dataSelector.valuesExpanded;
```
Set
```html
<igx-pivot-data-selector [grid]="grid1" [valuesExpanded]="valuesPanelState"></igx-pivot-data-selector>
```

Two-way data binding:
```html
<igx-pivot-data-selector [grid]="grid1" [(valuesExpanded)]="valuesPanelState"></igx-pivot-data-selector>
```

### [IgrPivotDateDimension](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrPivotDateDimension)
Configuration of a pivot dimension.

- **constructor**(inBaseDimension?: IgcPivotDimension, inOptions?: IgcPivotDateDimensionOptions): IgcPivotDateDimension
- **dataType**: `GridColumnDataType` — Gets/Sets data type
- **displayName**: `string` — Display name to show instead of the field name of this value. *
- **baseDimension**: `IgcPivotDimension`
- **enabled**: `boolean` — Enables/Disables a particular dimension from pivot structure.
- **options**: `IgcPivotDateDimensionOptions`
- **resourceStrings**: `IgcGridResourceStrings`

### [IgrPivotGrid](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrPivotGrid)
Pivot Grid provides a way to present and manipulate data in a pivot table view.

- **autoGenerateConfig**: `boolean` — Gets/Sets whether to auto-generate the pivot configuration based on the provided data.
- **data**: `any[]` — Gets/Sets the array of data that populates the component.
```html
<igx-pivot-grid [data]="Data"></igx-pivot-grid>
```
- **defaultExpandState**: `boolean` — Gets/Sets the default expand state for all rows.
- **emptyPivotGridTemplate**: `IgcRenderFunction<void>` — Gets/Sets a custom template when pivot grid is empty.
- **pivotConfiguration**: `IgcPivotConfiguration` — Gets/Sets the pivot configuration with all related dimensions and values.
- **pivotUI**: `IgcPivotUISettings`
- **rowDimensionHeaderTemplate**: `IgcRenderFunction<IgcColumnTemplateContext>`
- **superCompactMode**: `boolean` — Enables a super compact theme for the component.
- **valueChipTemplate**: `IgcRenderFunction<IgcPivotGridValueTemplateContext>` — Gets/Sets a custom template for the value chips.
- **allDimensions**: `any` — Gets the full list of dimensions.
- **dimensionsSortingExpressions**: `any` — Gets the sorting expressions generated for the dimensions.
- **selectedRows**: `any`
- **autoSizeRowDimension**(dimension: IgcPivotDimension): void — Auto-sizes row dimension cells.
- **filterDimension**(dimension: IgcPivotDimension, value: any, conditionOrExpressionTree?: IgcFilteringExpressionsTree | IgcFilteringOperation): void — Filters a single IPivotDimension.
- **getColumnGroupExpandState**(col: IgcColumnComponent): void
- **insertDimensionAt**(dimension: IgcPivotDimension, targetCollectionType: PivotDimensionType, index?: number): void — Inserts dimension in target collection by type at specified index or at the collection's end.
- **insertValueAt**(value: IgcPivotValue, index?: number): void — Inserts value at specified index or at the end.
- **moveDimension**(dimension: IgcPivotDimension, targetCollectionType: PivotDimensionType, index?: number): void — Move dimension from its currently collection to the specified target collection by type at specified index or at the collection's end.
- **moveValue**(value: IgcPivotValue, index?: number): void — Move value from its currently at specified index or at the end.
- **notifyDimensionChange**(regenerateColumns?: boolean): void — Notifies for dimension change.
- **removeDimension**(dimension: IgcPivotDimension): void — Removes dimension from its currently collection.
- **removeValue**(value: IgcPivotValue): void — Removes value from collection.
- **sortDimension**(dimension: IgcPivotDimension, sortDirection: SortingDirection): void — Sort the dimension and its children in the provided direction.
- **toggleColumn**(col: IgcColumnComponent): void
- **toggleDimension**(dimension: IgcPivotDimension): void — Toggles the dimension's enabled state on or off.
- **toggleRowGroup**(col: IgcColumnComponent, newState: boolean): void
- **toggleValue**(value: IgcPivotValue): void — Toggles the value's enabled state on or off.

### [IgrQueryBuilder](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrQueryBuilder)
A component used for operating with complex filters by creating or editing conditions  and grouping them using AND/OR logic.  It is used internally in the Advanced Filtering of the Grid.

- **disableEntityChange**: `boolean` — Disables subsequent entity changes at the root level after the initial selection.
- **disableReturnFieldsChange**: `boolean` — Disables return fields changes at the root level.
- **entities**: `IgcEntityType[]` — Gets the list of entities available for the IgxQueryBuilderComponent.

Each entity describes a logical group of fields that can be used in queries.
An entity can optionally have child entities, allowing nested sub-queries.
- **expressionTree**: `IgcExpressionTree` — Returns the expression tree.
- **locale**: `string` — Gets the `locale` of the query builder.
If not set, defaults to application's locale.
- **queryBuilderHeaderCollection**: `IgcQueryBuilderHeaderComponent[]`
- **resourceStrings**: `IgcQueryBuilderResourceStrings` — Sets the resource strings.
By default it uses EN resources.
- **searchValueTemplate**: `IgcRenderFunction<IgcQueryBuilderSearchValueContext>` — Sets/gets the search value template.
- **showEntityChangeDialog**: `boolean` — Gets/sets whether the confirmation dialog should be shown when changing entity.
Default value is `true`.
- **canCommit**(): boolean — Returns whether the expression tree can be committed in the current state.
- **commit**(): void — Commits the expression tree in the current state if it is valid. If not throws an exception.
- **discard**(): void — Discards all unsaved changes to the expression tree.

### [IgrQueryBuilderHeader](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrQueryBuilderHeader)

- **resourceStrings**: `IgcQueryBuilderResourceStrings` — Sets the resource strings.
By default it uses EN resources.
- **showLegend**: `boolean` — Show/hide the legend.
- **title**: `string` — Sets the title of the `IgxQueryBuilderHeaderComponent`.

### [IgrRowIsland](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrRowIsland)
Row island

- **actionStripComponents**: `IgcActionStripToken[]`
- **addRowEmptyTemplate**: `IgcRenderFunction<void>` — Gets/Sets a custom template for adding row UI when grid is empty.
- **advancedFilteringExpressionsTree**: `IgcFilteringExpressionsTree` — Gets/Sets the advanced filtering state.
- **allowAdvancedFiltering**: `boolean` — Gets/Sets a value indicating whether the advanced filtering is enabled.
- **allowFiltering**: `boolean` — Gets/Sets if the filtering is enabled.
- **autoGenerate**: `boolean` — Gets/Sets whether to auto-generate the columns.
- **autoGenerateExclude**: `string[]` — Gets/Sets a list of property keys to be excluded from the generated column collection
- **batchEditing**: `boolean`
- **cellMergeMode**: `GridCellMergeMode` — Gets/Sets cell merge mode.
- **cellSelection**: `GridSelectionMode` — Gets/Sets cell selection mode.
- **childDataKey**: `string` — Sets the key of the row island by which child data would be taken from the row data if such is provided.
- **childLayoutList**: `IgcRowIslandComponent[]`
- **clipboardOptions**: `IgcClipboardOptions` — Controls the copy behavior of the grid.
- **columnList**: `IgcColumnComponent[]`
- **columnSelection**: `GridSelectionMode` — Gets/Sets column selection mode
- **columnWidth**: `string` — Gets/Sets the default width of the columns.
- **dataCloneStrategy**: `IgcDataCloneStrategy` — Gets/Sets the data clone strategy of the grid when in edit mode.
- **dragGhostCustomTemplate**: `IgcRenderFunction<IgcGridRowDragGhostContext>` — Gets the custom template, if any, used for row drag ghost.
- **dragIndicatorIconTemplate**: `IgcRenderFunction<IgcGridEmptyTemplateContext>` — The custom template, if any, that should be used when rendering the row drag indicator icon
- **emptyFilteredGridMessage**: `string` — Gets/Sets the message displayed when there are no records and the grid is filtered.
- **emptyGridMessage**: `string` — Get/Sets the message displayed when there are no records.
- **emptyGridTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets/Sets a custom template when empty.
- **excelStyleHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — Gets the excel style header icon.
- **expandChildren**: `boolean` — Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.
```html
<igx-hierarchical-grid [data]="Data" [autoGenerate]="true">
     <igx-row-island [key]="'childData'" [expandChildren]="true" #rowIsland>
         <!-- ... -->
     </igx-row-island>
</igx-hierarchical-grid>
```
- **expansionStates**: `Map<any, boolean>` — Gets/Sets a list of key-value pairs [row ID, expansion state].
- **filteringExpressionsTree**: `IgcFilteringExpressionsTree` — Gets/Sets the filtering state.
- **filteringLogic**: `FilteringLogic` — Gets/Sets the filtering logic of the `IgxGridComponent`.
- **filterMode**: `FilterMode` — Gets/Sets the filter mode.
- **filterStrategy**: `IgcFilteringStrategy` — Gets/Sets the filtering strategy of the grid.
- **hasChildrenKey**: `string` — Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.
- **headerCollapsedIndicatorTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets the row collapse indicator template.
- **headerExpandedIndicatorTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets the header expand indicator template.
- **headSelectorTemplate**: `IgcRenderFunction<IgcHeadSelectorTemplateContext>` — Gets the header row selector template.
- **height**: `string` — Gets/Sets the height.
- **hideRowSelectors**: `boolean` — Gets/Sets if the row selectors are hidden.
- **isLoading**: `boolean` — Gets/Sets whether the grid is going to show a loading indicator.
- **loadingGridTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets/Sets a custom template when loading.
- **locale**: `string` — Gets/Sets the locale.
- **mergeStrategy**: `IgcGridMergeStrategy` — Gets/Sets the merge strategy of the grid.
- **moving**: `boolean` — Controls whether columns moving is enabled in the grid.
- **paginationComponents**: `IgcPaginatorComponent[]`
- **paginatorTemplate**: `IgcRenderFunction<IgcGridPaginatorTemplateContext>` — Sets/Gets the paginator template for each child grid created from this row island.
- **pagingMode**: `GridPagingMode`
- **pinning**: `IgcPinningConfig` — Gets/Sets the initial pinning configuration.
- **primaryKey**: `string` — Gets/Sets the primary key.
- **resourceStrings**: `IgcGridResourceStrings` — Gets/Sets the resource strings.
- **rowAddTextTemplate**: `IgcRenderFunction<IgcGridEmptyTemplateContext>` — Gets the row add text template.
- **rowClasses**: `any` — Sets a conditional class selector to the grid's row element.
Accepts an object literal, containing key-value pairs,
where the key is the name of the CSS class and the value is
either a callback function that returns a boolean, or boolean, like so:
```typescript
callback = (row: RowType) => { return row.selected > 6; }
rowClasses = { 'className' : this.callback };
```
```html
<igx-grid #grid [data]="Data" [rowClasses] = "rowClasses" [autoGenerate]="true"></igx-grid>
```
- **rowCollapsedIndicatorTemplate**: `IgcRenderFunction<IgcGridRowTemplateContext>` — Gets the row collapse indicator template.
- **rowDraggable**: `boolean` — Gets/Sets whether rows can be moved.
- **rowEditable**: `boolean` — Gets/Sets whether the rows are editable.
- **rowEditActionsTemplate**: `IgcRenderFunction<IgcGridRowEditActionsTemplateContext>` — Gets the row edit actions template.
- **rowEditTextTemplate**: `IgcRenderFunction<IgcGridRowEditTextTemplateContext>` — Gets the row edit text template.
- **rowExpandedIndicatorTemplate**: `IgcRenderFunction<IgcGridRowTemplateContext>` — Gets the row expand indicator template.
- **rowHeight**: `number` — Gets/Sets the row height.
- **rowSelection**: `GridSelectionMode` — Gets/Sets row selection mode
- **rowSelectorTemplate**: `IgcRenderFunction<IgcRowSelectorTemplateContext>` — Gets the row selector template.
- **rowStyles**: `any` — Sets conditional style properties on the grid row element.
It accepts an object literal where the keys are
the style properties and the value is an expression to be evaluated.
```typescript
styles = {
 background: 'yellow',
 color: (row: RowType) => row.selected : 'red': 'white'
}
```
```html
<igx-grid #grid [data]="Data" [rowStyles]="styles" [autoGenerate]="true"></igx-grid>
```
- **selectedRows**: `any[]` — Gets/Sets the current selection state.
- **selectRowOnClick**: `boolean` — Gets/Sets whether clicking over a row should select/deselect it
- **shouldGenerate**: `boolean` — Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid
- **showExpandAll**: `boolean` — Gets/Sets whether the expand/collapse all button in the header should be rendered.
- **showSummaryOnCollapse**: `boolean` — Controls whether the summary row is visible when groupBy/parent row is collapsed.
- **snackbarDisplayTime**: `number` — Gets/Sets the display time for the row adding snackbar notification.
- **sortAscendingHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.
- **sortDescendingHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.
- **sortHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.
- **sortingExpressions**: `IgcSortingExpression[]` — Gets/Sets the sorting state.
- **sortingOptions**: `IgcSortingOptions` — Gets/Sets the sorting options - single or multiple sorting.
Accepts an `ISortingOptions` object with any of the `mode` properties.
- **sortStrategy**: `IgcGridSortingStrategy` — Gets/Sets the sorting strategy of the grid.
- **summaryCalculationMode**: `GridSummaryCalculationMode` — Gets/Sets the summary calculation mode.
- **summaryPosition**: `GridSummaryPosition` — Gets/Sets the summary position.
- **summaryRowHeight**: `number` — Get/Set IgxSummaryRow height
- **toolbar**: `IgcGridToolbarComponent[]`
- **toolbarTemplate**: `IgcRenderFunction<IgcGridToolbarTemplateContext>` — Sets/Gets the toolbar template for each child grid created from this row island.
- **totalRecords**: `number` — Returns the total number of records.
- **validationTrigger**: `GridValidationTrigger` — Gets/Sets the trigger for validators used when editing the grid.
- **width**: `string` — Gets/Sets the width of the grid.
- **columns**: `any` — Gets an array of `IgxColumnComponent`s.
- **dataRowList**: `any` — A list of currently rendered `IgxGridRowComponent`'s.
- **defaultRowHeight**: `any` — Gets the default row height.
- **pinnedRows**: `any` — Gets an array of the pinned `IgxRowComponent`s.
- **rowList**: `any` — A list of `IgxGridRowComponent`.
- **addRow**(data: any): void — Creates a new IgxGridRowComponent and adds the data record to the end of the data source.
- **beginAddRowById**(rowID: any, asChild?: boolean): void — Enters add mode by spawning the UI under the specified row by rowID.
- **beginAddRowByIndex**(index: number): void — Enters add mode by spawning the UI at the specified index.
- **clearCellSelection**(): void — Deselect selected cells.
- **clearFilter**(name?: string): void — If name is provided, clears the filtering state of the corresponding IgxColumnComponent.
- **clearSearch**(): void — Removes all the highlights in the cell.
- **clearSort**(name?: string): void — If name is provided, clears the sorting state of the corresponding IgxColumnComponent.
- **closeAdvancedFilteringDialog**(applyChanges: boolean): void — Closes the advanced filtering dialog.
- **collapseAll**(): void — Collapses all rows.
- **collapseRow**(rowID: any): void — Collapses the row by its id.
- **deleteRow**(rowSelector: any): any — Removes the IgxGridRowComponent and the corresponding data record by primary key.
- **deselectAllColumns**(): void — Deselects all columns
- **deselectAllRows**(onlyFilterData?: boolean): void — Deselects all rows
- **deselectColumns**(columns: string[] | IgcColumnComponent[]): void — Deselect specified columns by field.
- **deselectRows**(rowIDs: any[]): void — Deselect specified rows by ID.
- **disableSummaries**(rest: any[]): void — Disable summaries for the specified column.
- **enableSummaries**(rest: any[]): void — Enables summaries for the specified column and applies your customSummary.
- **endEdit**(commit?: boolean, evt?: any): boolean — Finishes the row transactions on the current row and returns whether the grid editing was canceled.
- **expandAll**(): void — Expands all rows.
- **expandRow**(rowID: any): void — Expands the row by its id.
- **filter**(name: string, value: any, conditionOrExpressionTree?: IgcFilteringExpressionsTree | IgcFilteringOperation, ignoreCase?: boolean): void — Filters a single IgxColumnComponent.
- **filterGlobal**(value: any, condition: any, ignoreCase?: any): void — Filters all the IgxColumnComponent in the IgxGridComponent with the same condition.
- **findNext**(text: string, caseSensitive?: boolean, exactMatch?: boolean): number — Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
- **findPrev**(text: string, caseSensitive?: boolean, exactMatch?: boolean): number — Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
- **getColumnByName**(name: string): IgcColumnComponent — Returns the IgxColumnComponent by field name.
- **getColumnByVisibleIndex**(index: number): IgcColumnComponent
- **getHeaderGroupWidth**(column: IgcColumnComponent): string — Gets the width to be set on IgxGridHeaderGroupComponent.
- **getNextCell**(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition — Returns ICellPosition which defines the next cell,
according to the current position, that match specific criteria.
- **getPinnedEndWidth**(takeHidden?: boolean): void — Gets calculated width of the pinned areas.
- **getPinnedStartWidth**(takeHidden?: boolean): void — Gets calculated width of the pinned areas.
- **getPreviousCell**(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition — Returns ICellPosition which defines the previous cell,
according to the current position, that match specific criteria.
- **getRowData**(rowSelector: any): any — Returns the data that is contained in the row component.
- **getSelectedColumnsData**(formatters?: boolean, headers?: boolean): void — Returns an array of the current columns selection in the form of [{ column.field: cell.value }, ...].
- **getSelectedData**(formatters?: boolean, headers?: boolean): void — Returns an array of the current cell selection in the form of [{ column.field: cell.value }, ...].
- **getSelectedRanges**(): IgcGridSelectionRange[] — Get the currently selected ranges in the grid.
- **isRecordPinnedByIndex**(rowIndex: number): void — Returns whether the record is pinned or not.
- **markForCheck**(): void — Triggers change detection for the IgxGridComponent.
Calling markForCheck also triggers the grid pipes explicitly, resulting in all updates being processed.
May degrade performance if used when not needed, or if misused:
// DON'Ts:
// don't call markForCheck from inside a loop
// don't call markForCheck when a primitive has changed
grid.data.forEach(rec => {
 rec = newValue;
 grid.markForCheck();
});

// DOs
// call markForCheck after updating a nested property
grid.data.forEach(rec => {
 rec.nestedProp1.nestedProp2 = newValue;
});
grid.markForCheck();
- **moveColumn**(column: IgcColumnComponent, target: IgcColumnComponent, pos?: DropPosition): void — Places a column before or after the specified target column.
- **navigateTo**(rowIndex: number, visibleColIndex?: number, cb?: any): void — Navigates to a position in the grid based on provided rowindex and visibleColumnIndex.
- **openAdvancedFilteringDialog**(overlaySettings?: IgcOverlaySettings): void — Opens the advanced filtering dialog.
- **pinColumn**(columnName: string, index?: number, pinningPosition?: ColumnPinningPosition): boolean — Pins a column by field name.
- **pinRow**(rowID: any, index?: number, row?: IgcRowType): boolean — Pin the row by its id.
- **recalculateAutoSizes**(): void — Recalculates all widths of columns that have size set to auto.
- **refreshSearch**(updateActiveInfo?: boolean, endEdit?: boolean): number — Reapplies the existing search.
- **selectAllColumns**(): void — Selects all columns
- **selectAllRows**(onlyFilterData?: boolean): void — Selects all rows
- **selectColumns**(columns: string[] | IgcColumnComponent[], clearCurrentSelection?: boolean): void — Select specified columns.
- **selectedColumns**(): IgcColumnComponent[] — Get current selected columns.
- **selectRange**(arg: IgcGridSelectionRange[]): void — Select range(s) of cells between certain rows and columns of the grid.
- **selectRows**(rowIDs: any[], clearCurrentSelection?: boolean): void — Select specified rows by ID.
- **sort**(expression: IgcSortingExpression[]): void — Sort a single IgxColumnComponent.
- **toggleColumnVisibility**(args: IgcColumnVisibilityChangedEventArgs): void — Toggles the specified column's visibility.
- **toggleRow**(rowID: any): void — Toggles the row by its id.
- **unpinColumn**(columnName: string, index?: number): boolean — Unpins a column by field name. Returns whether the operation is successful.
- **unpinRow**(rowID: any, row?: IgcRowType): boolean — Unpin the row by its id.
- **updateCell**(value: any, rowSelector: any, column: string): void — Updates the IgxGridRowComponent and the corresponding data record by primary key.
- **updateRow**(value: any, rowSelector: any): void — Updates the IgxGridRowComponent

### [IgrStringFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrStringFilteringOperand)
Provides filtering operations for strings

- **constructor**(): IgcStringFilteringOperand
- static **applyIgnoreCase**(a: string, ignoreCase: boolean): string — Applies case sensitivity on strings if provided

### [IgrSummaryOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrSummaryOperand)

- **constructor**(): IgcSummaryOperand
- **operate**(data?: any[], _allData?: any[], _fieldName?: string, _groupRecord?: IgcGroupByRecord): IgcSummaryResult[] — Executes the static count method and returns IgxSummaryResult[].
interface IgxSummaryResult {
  key: string;
  label: string;
  summaryResult: any;
}

Can be overridden in the inherited classes to provide customization for the summary.
class CustomSummary extends IgxSummaryOperand {
  constructor() {
    super();
  }
  public operate(data: any[], allData: any[], fieldName: string, groupRecord: IGroupByRecord): IgxSummaryResult[] {
    const result = [];
    result.push({
      key: "test",
      label: "Test",
      summaryResult: IgxSummaryOperand.count(data)
    });
    return result;
  }
}
this.grid.getColumnByName('ColumnName').summaries = CustomSummary;
- static **count**(data: any[]): number — Counts all the records in the data source.
If filtering is applied, counts only the filtered records.
IgxSummaryOperand.count(dataSource);

### [IgrTimeFilteringOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrTimeFilteringOperand)

- **constructor**(): IgcTimeFilteringOperand

### [IgrTimeSummaryOperand](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrTimeSummaryOperand)

- **constructor**(): IgcTimeSummaryOperand
- **operate**(data?: any[], allData?: any[], fieldName?: string, groupRecord?: IgcGroupByRecord): IgcSummaryResult[]
- static **earliestTime**(data: any[]): void — Returns the earliest time value in the data records. Compare only the time part of the date.
If filtering is applied, returns the earliest time value in the filtered data records.
IgxTimeSummaryOperand.earliestTime(data);
- static **latestTime**(data: any[]): void — Returns the latest time value in the data records. Compare only the time part of the date.
If filtering is applied, returns the latest time value in the filtered data records.
IgxTimeSummaryOperand.latestTime(data);

### [IgrTreeGrid](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/classes/IgrTreeGrid)
**Ignite UI for Angular Tree Grid** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)   The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and  provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding.   Example:

- **actionStripComponents**: `IgcActionStripToken[]`
- **addRowEmptyTemplate**: `IgcRenderFunction<void>` — Gets/Sets a custom template for adding row UI when grid is empty.
- **advancedFilteringExpressionsTree**: `IgcFilteringExpressionsTree` — Gets/Sets the advanced filtering state.
- **allowAdvancedFiltering**: `boolean` — Gets/Sets a value indicating whether the advanced filtering is enabled.
- **allowFiltering**: `boolean` — Gets/Sets if the filtering is enabled.
- **autoGenerate**: `boolean` — Gets/Sets whether to auto-generate the columns.
- **autoGenerateExclude**: `string[]` — Gets/Sets a list of property keys to be excluded from the generated column collection
- **batchEditing**: `boolean` — Gets/Sets whether the grid has batch editing enabled.
When batch editing is enabled, changes are not made directly to the underlying data.
Instead, they are stored as transactions, which can later be committed w/ the `commit` method.
- **cascadeOnDelete**: `boolean` — Sets whether child records should be deleted when their parent gets deleted.
By default it is set to true and deletes all children along with the parent.
```html
<igx-tree-grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'" cascadeOnDelete="false">
</igx-tree-grid>
```
- **cellMergeMode**: `GridCellMergeMode` — Gets/Sets cell merge mode.
- **cellSelection**: `GridSelectionMode` — Gets/Sets cell selection mode.
- **childDataKey**: `string` — Sets the child data key of the `IgxTreeGridComponent`.
```html
<igx-tree-grid #grid [data]="employeeData" [childDataKey]="'employees'" [autoGenerate]="true"></igx-tree-grid>
```
- **clipboardOptions**: `IgcClipboardOptions` — Controls the copy behavior of the grid.
- **columnList**: `IgcColumnComponent[]`
- **columnSelection**: `GridSelectionMode` — Gets/Sets column selection mode
- **columnWidth**: `string` — Gets/Sets the default width of the columns.
- **data**: `any[]` — Gets/Sets the array of data that populates the component.
```html
<igx-tree-grid [data]="Data" [autoGenerate]="true"></igx-tree-grid>
```
- **dataCloneStrategy**: `IgcDataCloneStrategy` — Gets/Sets the data clone strategy of the grid when in edit mode.
- **dragGhostCustomTemplate**: `IgcRenderFunction<IgcGridRowDragGhostContext>` — Gets the custom template, if any, used for row drag ghost.
- **dragIndicatorIconTemplate**: `IgcRenderFunction<IgcGridEmptyTemplateContext>` — The custom template, if any, that should be used when rendering the row drag indicator icon
- **emptyFilteredGridMessage**: `string` — Gets/Sets the message displayed when there are no records and the grid is filtered.
- **emptyGridMessage**: `string` — Get/Sets the message displayed when there are no records.
- **emptyGridTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets/Sets a custom template when empty.
- **excelStyleHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — Gets the excel style header icon.
- **expansionDepth**: `number` — Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is
set to `Infinity` which means all levels would be expanded.
```html
<igx-tree-grid #grid [data]="employeeData" [childDataKey]="'employees'" expansionDepth="1" [autoGenerate]="true"></igx-tree-grid>
```
- **expansionStates**: `Map<any, boolean>` — Gets/Sets a list of key-value pairs [row ID, expansion state].
- **filteringExpressionsTree**: `IgcFilteringExpressionsTree` — Gets/Sets the filtering state.
- **filteringLogic**: `FilteringLogic` — Gets/Sets the filtering logic of the `IgxGridComponent`.
- **filterMode**: `FilterMode` — Gets/Sets the filter mode.
- **filterStrategy**: `IgcFilteringStrategy` — Gets/Sets the filtering strategy of the grid.
- **foreignKey**: `string` — Sets the foreign key of the `IgxTreeGridComponent`.
```html
<igx-tree-grid #grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'" [autoGenerate]="true">
</igx-tree-grid>
```
- **hasChildrenKey**: `string` — Sets the key indicating whether a row has children.
This property is only used for load on demand scenarios.
```html
<igx-tree-grid #grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'"
               [loadChildrenOnDemand]="loadChildren"
               [hasChildrenKey]="'hasEmployees'">
</igx-tree-grid>
```
- **headerCollapsedIndicatorTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets the row collapse indicator template.
- **headerExpandedIndicatorTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets the header expand indicator template.
- **headSelectorTemplate**: `IgcRenderFunction<IgcHeadSelectorTemplateContext>` — Gets the header row selector template.
- **height**: `string` — Gets/Sets the height.
- **hideRowSelectors**: `boolean` — Gets/Sets if the row selectors are hidden.
- **id**: `string` — Sets the value of the `id` attribute. If not provided it will be automatically generated.
```html
<igx-tree-grid [id]="'igx-tree-grid-1'"></igx-tree-grid>
```
- **isLoading**: `boolean` — Gets/Sets whether the grid is going to show a loading indicator.
- **loadChildrenOnDemand**: `any` — Sets a callback for loading child rows on demand.
```html
<igx-tree-grid [data]="employeeData" [primaryKey]="'employeeID'" [foreignKey]="'parentID'" [loadChildrenOnDemand]="loadChildren">
</igx-tree-grid>
```
```typescript
public loadChildren = (parentID: any, done: (children: any[]) => void) => {
    this.dataService.getData(parentID, children => done(children));
}
```
- **loadingGridTemplate**: `IgcRenderFunction<IgcGridTemplateContext>` — Gets/Sets a custom template when loading.
- **locale**: `string` — Gets/Sets the locale.
- **mergeStrategy**: `IgcGridMergeStrategy` — Gets/Sets the merge strategy of the grid.
- **moving**: `boolean` — Controls whether columns moving is enabled in the grid.
- **outlet**: `IgcOverlayOutletDirective` — Gets/Sets the outlet used to attach the grid's overlays to.
- **paginationComponents**: `IgcPaginatorComponent[]`
- **pagingMode**: `GridPagingMode`
- **pinning**: `IgcPinningConfig` — Gets/Sets the initial pinning configuration.
- **primaryKey**: `string` — Gets/Sets the primary key.
- **processedRootRecords**: `IgcTreeGridRecord[]` — Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.
```typescript
// gets the processed root record with index=2
const states = this.grid.processedRootRecords[2];
```
- **resourceStrings**: `IgcGridResourceStrings` — Gets/Sets the resource strings.
- **rootRecords**: `IgcTreeGridRecord[]` — Returns an array of the root level `ITreeGridRecord`s.
```typescript
// gets the root record with index=2
const states = this.grid.rootRecords[2];
```
- **rowAddTextTemplate**: `IgcRenderFunction<IgcGridEmptyTemplateContext>` — Gets the row add text template.
- **rowClasses**: `any` — Sets a conditional class selector to the grid's row element.
Accepts an object literal, containing key-value pairs,
where the key is the name of the CSS class and the value is
either a callback function that returns a boolean, or boolean, like so:
```typescript
callback = (row: RowType) => { return row.selected > 6; }
rowClasses = { 'className' : this.callback };
```
```html
<igx-grid #grid [data]="Data" [rowClasses] = "rowClasses" [autoGenerate]="true"></igx-grid>
```
- **rowCollapsedIndicatorTemplate**: `IgcRenderFunction<IgcGridRowTemplateContext>` — Gets the row collapse indicator template.
- **rowDraggable**: `boolean` — Gets/Sets whether rows can be moved.
- **rowEditable**: `boolean` — Gets/Sets whether the rows are editable.
- **rowEditActionsTemplate**: `IgcRenderFunction<IgcGridRowEditActionsTemplateContext>` — Gets the row edit actions template.
- **rowEditTextTemplate**: `IgcRenderFunction<IgcGridRowEditTextTemplateContext>` — Gets the row edit text template.
- **rowExpandedIndicatorTemplate**: `IgcRenderFunction<IgcGridRowTemplateContext>` — Gets the row expand indicator template.
- **rowHeight**: `number` — Gets/Sets the row height.
- **rowLoadingIndicatorTemplate**: `IgcRenderFunction<void>` — Template for the row loading indicator when load on demand is enabled.
```html
<ng-template #rowLoadingTemplate>
    <igx-icon>loop</igx-icon>
</ng-template>

<igx-tree-grid #grid [data]="employeeData" [primaryKey]="'ID'" [foreignKey]="'parentID'"
               [loadChildrenOnDemand]="loadChildren"
               [rowLoadingIndicatorTemplate]="rowLoadingTemplate">
</igx-tree-grid>
```
- **rowSelection**: `GridSelectionMode` — Gets/Sets row selection mode
- **rowSelectorTemplate**: `IgcRenderFunction<IgcRowSelectorTemplateContext>` — Gets the row selector template.
- **rowStyles**: `any` — Sets conditional style properties on the grid row element.
It accepts an object literal where the keys are
the style properties and the value is an expression to be evaluated.
```typescript
styles = {
 background: 'yellow',
 color: (row: RowType) => row.selected : 'red': 'white'
}
```
```html
<igx-grid #grid [data]="Data" [rowStyles]="styles" [autoGenerate]="true"></igx-grid>
```
- **selectedRows**: `any[]` — Gets/Sets the current selection state.
- **selectRowOnClick**: `boolean` — Gets/Sets whether clicking over a row should select/deselect it
- **shouldGenerate**: `boolean` — Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid
- **showSummaryOnCollapse**: `boolean` — Controls whether the summary row is visible when groupBy/parent row is collapsed.
- **snackbarDisplayTime**: `number` — Gets/Sets the display time for the row adding snackbar notification.
- **sortAscendingHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.
- **sortDescendingHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.
- **sortHeaderIconTemplate**: `IgcRenderFunction<IgcGridHeaderTemplateContext>` — Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.
- **sortingExpressions**: `IgcSortingExpression[]` — Gets/Sets the sorting state.
- **sortingOptions**: `IgcSortingOptions` — Gets/Sets the sorting options - single or multiple sorting.
Accepts an `ISortingOptions` object with any of the `mode` properties.
- **sortStrategy**: `IgcGridSortingStrategy` — Gets/Sets the sorting strategy of the grid.
- **summaryCalculationMode**: `GridSummaryCalculationMode` — Gets/Sets the summary calculation mode.
- **summaryPosition**: `GridSummaryPosition` — Gets/Sets the summary position.
- **summaryRowHeight**: `number` — Get/Set IgxSummaryRow height
- **toolbar**: `IgcGridToolbarComponent[]`
- **totalRecords**: `number` — Returns the total number of records.
- **validationTrigger**: `GridValidationTrigger` — Gets/Sets the trigger for validators used when editing the grid.
- **width**: `string` — Gets/Sets the width of the grid.
- **columns**: `any` — Gets an array of `IgxColumnComponent`s.
- **dataRowList**: `any` — A list of currently rendered `IgxGridRowComponent`'s.
- **dataView**: `any` — Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.
- **defaultRowHeight**: `any` — Gets the default row height.
- **filteredData**: `any` — Returns an array of objects containing the filtered data.
- **filteredSortedData**: `any` — Returns an array containing the filtered sorted data.
- **hiddenColumnsCount**: `any` — Gets the number of hidden columns.
- **lastSearchInfo**: `any` — Represents the last search information.
- **pinnedColumns**: `any` — Gets an array of the pinned `IgxColumnComponent`s.
- **pinnedColumnsCount**: `any` — Gets the number of pinned columns.
- **pinnedEndColumns**: `any` — Gets an array of the pinned to the right `IgxColumnComponent`s.
- **pinnedRows**: `any` — Gets an array of the pinned `IgxRowComponent`s.
- **pinnedStartColumns**: `any` — Gets an array of the pinned to the left `IgxColumnComponent`s.
- **rowList**: `any` — A list of `IgxGridRowComponent`.
- **selectedCells**: `any` — Returns an array of the selected `IgxGridCell`s.
- **unpinnedColumns**: `any` — Gets an array of unpinned `IgxColumnComponent`s.
- **virtualizationState**: `any` — Returns the state of the grid virtualization.
- **visibleColumns**: `any` — Returns an array of visible `IgxColumnComponent`s.
- **addRow**(data: any, parentRowID?: any): void — Creates a new IgxTreeGridRowComponent with the given data. If a parentRowID is not specified, the newly created
row would be added at the root level. Otherwise, it would be added as a child of the row whose primaryKey matches
the specified parentRowID. If the parentRowID does not exist, an error would be thrown.
const record = {
    ID: this.grid.data[this.grid1.data.length - 1].ID + 1,
    Name: this.newRecord
};
this.grid.addRow(record, 1); // Adds a new child row to the row with ID=1.
- **addRow**(data: any): void — Creates a new IgxGridRowComponent and adds the data record to the end of the data source.
- **beginAddRowById**(rowID: any, asChild?: boolean): void — Enters add mode by spawning the UI under the specified row by rowID.
- **beginAddRowByIndex**(index: number, asChild?: boolean): void — Enters add mode by spawning the UI with the context of the specified row by index.
- **beginAddRowByIndex**(index: number): void — Enters add mode by spawning the UI at the specified index.
- **clearCellSelection**(): void — Deselect selected cells.
- **clearFilter**(name?: string): void — If name is provided, clears the filtering state of the corresponding IgxColumnComponent.
- **clearSearch**(): void — Removes all the highlights in the cell.
- **clearSort**(name?: string): void — If name is provided, clears the sorting state of the corresponding IgxColumnComponent.
- **closeAdvancedFilteringDialog**(applyChanges: boolean): void — Closes the advanced filtering dialog.
- **collapseAll**(): void — Collapses all rows.

this.grid.collapseAll();
- **collapseAll**(): void — Collapses all rows.
- **collapseRow**(rowID: any): void — Collapses the row by its id.
- **deleteRow**(rowSelector: any): any — Removes the IgxGridRowComponent and the corresponding data record by primary key.
- **deselectAllColumns**(): void — Deselects all columns
- **deselectAllRows**(onlyFilterData?: boolean): void — Deselects all rows
- **deselectColumns**(columns: string[] | IgcColumnComponent[]): void — Deselect specified columns by field.
- **deselectRows**(rowIDs: any[]): void — Deselect specified rows by ID.
- **disableSummaries**(rest: any[]): void — Disable summaries for the specified column.
- **enableSummaries**(rest: any[]): void — Enables summaries for the specified column and applies your customSummary.
- **endEdit**(commit?: boolean, evt?: any): boolean — Finishes the row transactions on the current row and returns whether the grid editing was canceled.
- **expandAll**(): void — Expands all rows.
this.grid.expandAll();
- **expandAll**(): void — Expands all rows.
- **expandRow**(rowID: any): void — Expands the row by its id.
- **filter**(name: string, value: any, conditionOrExpressionTree?: IgcFilteringExpressionsTree | IgcFilteringOperation, ignoreCase?: boolean): void — Filters a single IgxColumnComponent.
- **filterGlobal**(value: any, condition: any, ignoreCase?: any): void — Filters all the IgxColumnComponent in the IgxGridComponent with the same condition.
- **findNext**(text: string, caseSensitive?: boolean, exactMatch?: boolean): number — Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
- **findPrev**(text: string, caseSensitive?: boolean, exactMatch?: boolean): number — Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
- **getCellByColumn**(rowIndex: number, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getCellByKey**(rowSelector: any, columnField: string): IgcCellType — Returns a CellType object that matches the conditions.
- **getColumnByName**(name: string): IgcColumnComponent — Returns the IgxColumnComponent by field name.
- **getColumnByVisibleIndex**(index: number): IgcColumnComponent
- **getDefaultExpandState**(record: IgcTreeGridRecord): boolean
- **getHeaderGroupWidth**(column: IgcColumnComponent): string — Gets the width to be set on IgxGridHeaderGroupComponent.
- **getNextCell**(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition — Returns ICellPosition which defines the next cell,
according to the current position, that match specific criteria.
- **getPinnedEndWidth**(takeHidden?: boolean): void — Gets calculated width of the pinned areas.
- **getPinnedStartWidth**(takeHidden?: boolean): void — Gets calculated width of the pinned areas.
- **getPreviousCell**(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition — Returns ICellPosition which defines the previous cell,
according to the current position, that match specific criteria.
- **getRowByIndex**(index: number): IgcRowType — Returns the IgxTreeGridRow by index.
- **getRowByKey**(key: any): IgcRowType — Returns the RowType object by the specified primary key.
- **getRowData**(rowSelector: any): any — Returns the data that is contained in the row component.
- **getSelectedColumnsData**(formatters?: boolean, headers?: boolean): void — Returns an array of the current columns selection in the form of [{ column.field: cell.value }, ...].
- **getSelectedData**(formatters?: boolean, headers?: boolean): any[] — Returns an array of the current cell selection in the form of [{ column.field: cell.value }, ...].
- **getSelectedData**(formatters?: boolean, headers?: boolean): void — Returns an array of the current cell selection in the form of [{ column.field: cell.value }, ...].
- **getSelectedRanges**(): IgcGridSelectionRange[] — Get the currently selected ranges in the grid.
- **isRecordPinnedByIndex**(rowIndex: number): void — Returns whether the record is pinned or not.
- **markForCheck**(): void — Triggers change detection for the IgxGridComponent.
Calling markForCheck also triggers the grid pipes explicitly, resulting in all updates being processed.
May degrade performance if used when not needed, or if misused:
// DON'Ts:
// don't call markForCheck from inside a loop
// don't call markForCheck when a primitive has changed
grid.data.forEach(rec => {
 rec = newValue;
 grid.markForCheck();
});

// DOs
// call markForCheck after updating a nested property
grid.data.forEach(rec => {
 rec.nestedProp1.nestedProp2 = newValue;
});
grid.markForCheck();
- **moveColumn**(column: IgcColumnComponent, target: IgcColumnComponent, pos?: DropPosition): void — Places a column before or after the specified target column.
- **navigateTo**(rowIndex: number, visibleColIndex?: number, cb?: any): void — Navigates to a position in the grid based on provided rowindex and visibleColumnIndex.
- **openAdvancedFilteringDialog**(overlaySettings?: IgcOverlaySettings): void — Opens the advanced filtering dialog.
- **pinColumn**(columnName: string, index?: number, pinningPosition?: ColumnPinningPosition): boolean — Pins a column by field name.
- **pinRow**(rowID: any, index?: number): boolean — Pin the row by its id.
- **pinRow**(rowID: any, index?: number, row?: IgcRowType): boolean — Pin the row by its id.
- **recalculateAutoSizes**(): void — Recalculates all widths of columns that have size set to auto.
- **reflow**(): void — Recalculates grid width/height dimensions.
- **refreshSearch**(updateActiveInfo?: boolean, endEdit?: boolean): number — Reapplies the existing search.
- **selectAllColumns**(): void — Selects all columns
- **selectAllRows**(onlyFilterData?: boolean): void — Selects all rows
- **selectColumns**(columns: string[] | IgcColumnComponent[], clearCurrentSelection?: boolean): void — Select specified columns.
- **selectedColumns**(): IgcColumnComponent[] — Get current selected columns.
- **selectRange**(arg: IgcGridSelectionRange[]): void — Select range(s) of cells between certain rows and columns of the grid.
- **selectRows**(rowIDs: any[], clearCurrentSelection?: boolean): void — Select specified rows by ID.
- **sort**(expression: IgcSortingExpression[]): void — Sort a single IgxColumnComponent.
- **toggleColumnVisibility**(args: IgcColumnVisibilityChangedEventArgs): void — Toggles the specified column's visibility.
- **toggleRow**(rowID: any): void — Toggles the row by its id.
- **unpinColumn**(columnName: string, index?: number): boolean — Unpins a column by field name. Returns whether the operation is successful.
- **unpinRow**(rowID: any): boolean — Unpin the row by its id.
- **unpinRow**(rowID: any, row?: IgcRowType): boolean — Unpin the row by its id.
- **updateCell**(value: any, rowSelector: any, column: string): void — Updates the IgxGridRowComponent and the corresponding data record by primary key.
- **updateRow**(value: any, rowSelector: any): void — Updates the IgxGridRowComponent

## Interfaces

### [CustomEvent](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/CustomEvent)
[MDN Reference](https://developer.mozilla.org/docs/Web/API/CustomEvent)

- **detail**: `T` — Returns any custom data event was created with. Typically used for synthetic events.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/CustomEvent/detail)

### [IActionStripResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IActionStripResourceStrings)

- **action_strip_button_more_title?**: `string`

### [IBannerResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IBannerResourceStrings)

- **banner_button_dismiss?**: `string`

### [ICalendarResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/ICalendarResourceStrings)

- **calendar_first_picker_of?**: `string`
- **calendar_multi_selection?**: `string`
- **calendar_next_month?**: `string`
- **calendar_next_year?**: `string`
- **calendar_next_years?**: `string`
- **calendar_previous_month?**: `string`
- **calendar_previous_year?**: `string`
- **calendar_previous_years?**: `string`
- **calendar_range_end?**: `string`
- **calendar_range_label_end?**: `string`
- **calendar_range_label_start?**: `string`
- **calendar_range_placeholder?**: `string`
- **calendar_range_selection?**: `string`
- **calendar_range_start?**: `string`
- **calendar_select_date?**: `string`
- **calendar_select_month?**: `string`
- **calendar_select_year?**: `string`
- **calendar_selected_month_is?**: `string`
- **calendar_single_selection?**: `string`
- **calendar_singular_multi_selection?**: `string`
- **calendar_singular_range_selection?**: `string`
- **calendar_singular_single_selection?**: `string`

### [ICarouselResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/ICarouselResourceStrings)

- **carousel_next_slide?**: `string`
- **carousel_of?**: `string`
- **carousel_previous_slide?**: `string`
- **carousel_slide?**: `string`

### [IChipResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IChipResourceStrings)

- **chip_remove?**: `string`
- **chip_select?**: `string`

### [IComboResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IComboResourceStrings)

- **combo_addCustomValues_placeholder?**: `string`
- **combo_aria_label_no_options?**: `string`
- **combo_aria_label_options?**: `string`
- **combo_clearItems_placeholder?**: `string`
- **combo_empty_message?**: `string`
- **combo_filter_search_placeholder?**: `string`

### [IDatePickerResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IDatePickerResourceStrings)

- **date_picker_change_date?**: `string`
- **date_picker_choose_date?**: `string`

### [IDateRangePickerResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IDateRangePickerResourceStrings)

- **date_range_picker_cancel_button?**: `string`
- **date_range_picker_currentMonth?**: `string`
- **date_range_picker_date_separator?**: `string`
- **date_range_picker_done_button?**: `string`
- **date_range_picker_last30Days?**: `string`
- **date_range_picker_last7Days?**: `string`
- **date_range_picker_yearToDate?**: `string`

### [IFileInputResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IFileInputResourceStrings)

- **file_input_placeholder?**: `string`
- **file_input_upload_button?**: `string`

### [IgrActionStripResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrActionStripResourceStrings)

- **igx_action_strip_button_more_title?**: `string`

### [IgrActiveNodeChangeEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrActiveNodeChangeEventArgsDetail)
Emitted when the active node is changed

- **column**: `number` — Represents the column index of the active node
- **level?**: `number` — Optional
Represents the hierarchical level of the active node
- **row**: `number` — Represents the row index of the active node
- **tag**: `GridKeydownTargetType` — Represents the type of the active node.
The GridKeydownTargetType is an enum or that specifies the possible target types

### [IgrBaseEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrBaseEventArgsDetail)

- **owner?**: `any` — Provides reference to the owner component.

### [IgrBaseExporter](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrBaseExporter)

- **export**: `any`
- **exportData**: `any`

### [IgrBaseFilteringStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrBaseFilteringStrategy)

- **filter**: `any`
- **findMatchByExpression**: `any`
- **getFilterItems**: `any`
- **matchRecord**: `any`

### [IgrBaseSearchInfo](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrBaseSearchInfo)

- **caseSensitive**: `any`
- **content**: `any`
- **exactMatch**: `any`
- **matchCount**: `any`
- **searchText**: `any`

### [IgrCancelableBrowserEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrCancelableBrowserEventArgsDetail)


### [IgrCancelableEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrCancelableEventArgsDetail)

- **cancel**: `boolean` — Provides the ability to cancel the event.

### [IgrCellPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrCellPosition)
The event is triggered when getting the current position of a certain cell

- **rowIndex**: `any`
- **visibleColumnIndex**: `any`

### [IgrCellTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrCellTemplateContext)

- **additionalTemplateContext**: `any`
- **cell**: `any`
- **implicit**: `any`

### [IgrCellType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrCellType)
Interface representing a cell in the grid. It is essentially the blueprint to a cell object.
Contains definitions of properties and methods, relevant to a cell

- **cellID?**: `any` — Optional; The cellID is the unique key, used to identify the cell
- **id?**: `any` — Optional; An object identifying the cell. It contains rowID, columnID, and rowIndex of the cell.
- **readonly?**: `boolean`
- **title?**: `any` — An optional title to display for the cell
- **validation?**: `IgcGridValidationState` — Optional; An object representing the validation state of the cell.
Whether it's valid or invalid, and if it has errors
- **visibleColumnIndex?**: `number` — The index of the column that the cell belongs to. It counts only the visible (not hidden) columns
- **active**: `any`
- **column**: `any`
- **editable**: `any`
- **editMode**: `any`
- **editValue**: `any`
- **grid**: `any`
- **row**: `any`
- **selected**: `any`
- **value**: `any`
- **width**: `any`
- **calculateSizeToFit?**: `any`
- **setEditMode?**: `any`
- **update**: `any`

### [IgrClipboardOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrClipboardOptions)
An interface describing settings for clipboard options

- **copyFormatters**: `any`
- **copyHeaders**: `any`
- **enabled**: `any`
- **separator**: `any`

### [IgrColumnEditorOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnEditorOptions)


### [IgrColumnExportingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnExportingEventArgsDetail)
columnExporting event arguments
this.exporterService.columnExporting.subscribe((args: IColumnExportingEventArgs) => {
// set args properties here
});

- **cancel**: `boolean` — Skip the exporting column when set to true
- **columnIndex**: `number` — Contains the exporting column index
- **field**: `string` — Contains the exporting column field name
- **grid?**: `IgcGridBaseDirective` — A reference to the grid owner.
- **header**: `string` — Contains the exporting column header
- **skipFormatter**: `boolean` — Export the column's data without applying its formatter, when set to true

### [IgrColumnMovingEndEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnMovingEndEventArgsDetail)
Represents event arguments related to the end of a column moving operation in a grid

- **cancel**: `boolean` — cancel returns whether the event has been intercepted and stopped
If the value becomes "true", it returns/exits from the method, instantiating the interface
- **source**: `IgcColumnComponent` — The source of the event represents the column that is being moved.
The ColumnType contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties
- **target**: `IgcColumnComponent` — The target of the event represents the column, the source is being moved to.
The ColumnType contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties

### [IgrColumnMovingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnMovingEventArgsDetail)
Represents event arguments related to a column moving operation in a grid

- **cancel**: `boolean` — cancel returns whether the event has been intercepted and stopped
If the value becomes "true", it returns/exits from the method, instantiating the interface
- **source**: `IgcColumnComponent` — Represents the column that is being moved.
The ColumnType contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties

### [IgrColumnMovingStartEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnMovingStartEventArgsDetail)
Represents event arguments related to the start of a column moving operation in a grid.

- **source**: `IgcColumnComponent` — Represents the column that is being moved.
The ColumnType contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties

### [IgrColumnPipeArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnPipeArgs)


### [IgrColumnResizeEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnResizeEventArgsDetail)
The event arguments when a column is being resized

- **column**: `IgcColumnComponent` — Represents the information of the column that is being resized
- **newWidth**: `string` — Represents the new width, the column is being resized to
- **prevWidth**: `string` — Represents the old width of the column before the resizing

### [IgrColumnSelectionEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnSelectionEventArgsDetail)
The event arguments when the selection state of a column is being changed
The event is cancelable

- **added**: `string[]` — Represents an array of all added columns
Whenever a column has been selected, the array is "refreshed" with the selected columns
- **cancel**: `boolean` — Provides the ability to cancel the event.
- **newSelection**: `string[]` — Represents the newly selected columns
- **oldSelection**: `string[]` — Represents an array of columns, that have already been selected
- **owner?**: `any` — Provides reference to the owner component.
- **removed**: `string[]` — Represents an array of all columns, removed from the selection
Whenever a column has been deselected, the array is "refreshed" with the columns, that have been previously selected, but are no longer

### [IgrColumnState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnState)

- **colEnd?**: `number`
- **collapsible?**: `boolean`
- **colStart?**: `number`
- **columnLayout?**: `boolean`
- **expanded?**: `boolean`
- **parent?**: `any`
- **rowEnd?**: `number`
- **rowStart?**: `number`
- **visibleWhenCollapsed?**: `boolean`
- **columnGroup**: `any`
- **dataType**: `any`
- **disableHiding**: `any`
- **disablePinning**: `any`
- **editable**: `any`
- **field**: `any`
- **filterable**: `any`
- **filteringIgnoreCase**: `any`
- **groupable**: `any`
- **hasSummary**: `any`
- **header**: `any`
- **headerClasses**: `any`
- **headerGroupClasses**: `any`
- **hidden**: `any`
- **key**: `any`
- **maxWidth**: `any`
- **parentKey**: `any`
- **pinned**: `any`
- **resizable**: `any`
- **searchable**: `any`
- **sortable**: `any`
- **sortingIgnoreCase**: `any`
- **width**: `any`

### [IgrColumnTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnTemplateContext)

- **column**: `any`
- **implicit**: `any`

### [IgrColumnToggledEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnToggledEventArgsDetail)
Event emitted when a checkbox in the checkbox
list of an IgxColumnActions component is clicked.

- **checked**: `boolean` — The checked state after the action.
- **column**: `IgcColumnComponent` — The column that is toggled.

### [IgrColumnVisibilityChangedEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnVisibilityChangedEventArgsDetail)
The event arguments after a column's visibility is changed.

- **column**: `any` — Represents the column the event originated from
- **newValue**: `boolean` — The new hidden state that the column will have, if operation is successful.
Will be true when hiding and false when showing.

### [IgrColumnVisibilityChangingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrColumnVisibilityChangingEventArgsDetail)
The event arguments when a column's visibility is changed.
The event is cancelable
It contains information about the column and the it's visibility after the operation (will be true when hiding and false when showing)

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **column**: `any` — Represents the column the event originated from
- **newValue**: `boolean` — The new hidden state that the column will have, if operation is successful.
Will be true when hiding and false when showing.

### [IgrDataCloneStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrDataCloneStrategy)

- **clone**: `any`

### [IgrDimensionsChange](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrDimensionsChange)
Event emitted when dimension collection for rows, columns of filters is changed.

- **dimensionCollectionType**: `any`
- **dimensions**: `any`

### [IgrEntityType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrEntityType)
Describes an entity in the QueryBuilder.
An entity represents a logical grouping of fields and can have nested child entities.

- **childEntities?**: `IgcEntityType[]` — Optional child entities.
This allows building hierarchical or nested query structures.
- **fields**: `any`
- **name**: `any`

### [IgrExporterEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrExporterEventArgsDetail)

- **cancel**: `any`
- **exporter**: `any`
- **grid**: `any`
- **options**: `any`

### [IgrExporterOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrExporterOptions)


### [IgrExporterOptionsBase](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrExporterOptionsBase)

- **alwaysExportHeaders**: `any`
- **exportSummaries**: `any`
- **fileName**: `any`
- **freezeHeaders**: `any`
- **ignoreColumnsOrder**: `any`
- **ignoreColumnsVisibility**: `any`
- **ignoreFiltering**: `any`
- **ignoreGrouping**: `any`
- **ignoreMultiColumnHeaders**: `any`
- **ignoreSorting**: `any`

### [IgrExpressionTree](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrExpressionTree)

- **entity?**: `string`
- **fieldName?**: `string`
- **returnFields?**: `string[]`
- **filteringOperands**: `any`
- **operator**: `any`

### [IgrFieldEditorOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFieldEditorOptions)

- **dateTimeFormat?**: `string` — A custom input format string used for the built-in editors of date/time columns.
See the Editing section under https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/column-types#datetime-date-and-time

### [IgrFieldPipeArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFieldPipeArgs)

- **currencyCode?**: `string` — The currency code of type string, default value undefined
- **digitsInfo?**: `string` — Decimal representation options, specified by a string in the following format:
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.
minIntegerDigits: The minimum number of integer digits before the decimal point. Default is 1.
minFractionDigits: The minimum number of digits after the decimal point. Default is 0.
maxFractionDigits: The maximum number of digits after the decimal point. Default is 3.
- **display?**: `string` — Allow us to display currency 'symbol' or 'code' or 'symbol-narrow' or our own string.
The value is of type string. By default is set to 'symbol'
- **format?**: `string` — The date/time components that a date column will display, using predefined options or a custom format string.
- **timezone?**: `string` — A timezone offset (such as '+0430'), or a standard UTC/GMT or continental US timezone abbreviation.
- **weekStart?**: `number` — The first week day to be displayed in calendar when filtering or editing a date column

### [IgrFieldType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFieldType)
Describes a field that can be used in the Grid and QueryBuilder components.

- **defaultDateTimeFormat?**: `string` — Default date/time format for Date/Time fields.
- **defaultTimeFormat?**: `string` — Default time format for Date/Time fields.
- **editorOptions?**: `IgcFieldEditorOptions` — Options for the editor associated with this field.
- **filters?**: `IgcFilteringOperand` — Optional filtering operands that apply to this field.
- **header?**: `string` — Optional column header for UI display purposes.
- **label?**: `string` — Display label for the field.
- **pipeArgs?**: `IgcFieldPipeArgs` — Optional arguments for any pipe applied to the field.
- **dataType**: `any`
- **field**: `any`
- **formatter?**: `any`

### [IgrFilteringEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFilteringEventArgsDetail)
Represents event arguments related to filtering operations
The event is cancelable

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **filteringExpressions**: `IgcFilteringExpressionsTree` — Represents the filtering expressions applied to the grid.
The expression contains information like filtering operands and operator, an expression or condition, etc.
- **owner?**: `any` — Provides reference to the owner component.

### [IgrFilteringExpression](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFilteringExpression)
Represents filtering expressions.

- **condition?**: `IgcFilteringOperation`
- **conditionName?**: `string`
- **ignoreCase?**: `boolean`
- **searchTree?**: `IgcExpressionTree`
- **searchVal?**: `any`
- **fieldName**: `any`

### [IgrFilteringOperation](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFilteringOperation)
Interface describing filtering operations

- **hidden?**: `boolean`
- **isNestedQuery?**: `boolean`
- **logic?**: `any`
- **iconName**: `any`
- **isUnary**: `any`
- **name**: `any`

### [IgrFilteringStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFilteringStrategy)

- **filter**: `any`
- **getFilterItems**: `any`

### [IgrFilterItem](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrFilterItem)

- **children?**: `IgcFilterItem[]`
- **label?**: `string`
- **value**: `any`

### [IgrForOfDataChangeEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrForOfDataChangeEventArgsDetail)


### [IgrForOfDataChangingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrForOfDataChangingEventArgsDetail)

- **containerSize**: `number`
- **state**: `IgcForOfState`

### [IgrForOfState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrForOfState)

- **chunkSize?**: `number`
- **startIndex?**: `number`

### [IgrGridActionsBaseDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridActionsBaseDirective)
Any HTML element. Some elements directly implement this interface, while others implement it via an interface that inherits it.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement)

- **asMenuItems**: `any`

### [IgrGridBaseDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridBaseDirective)

- **actionStripComponents**: `any`
- **addRowEmptyTemplate**: `any`
- **advancedFilteringExpressionsTree**: `any`
- **allowAdvancedFiltering**: `any`
- **allowFiltering**: `any`
- **autoGenerate**: `any`
- **autoGenerateExclude**: `any`
- **batchEditing**: `any`
- **cellMergeMode**: `any`
- **cellSelection**: `any`
- **clipboardOptions**: `any`
- **columnList**: `any`
- **columns**: `any`
- **columnSelection**: `any`
- **columnWidth**: `any`
- **dataCloneStrategy**: `any`
- **dataRowList**: `any`
- **dataView**: `any`
- **defaultRowHeight**: `any`
- **dragGhostCustomTemplate**: `any`
- **dragIndicatorIconTemplate**: `any`
- **emptyFilteredGridMessage**: `any`
- **emptyGridMessage**: `any`
- **emptyGridTemplate**: `any`
- **excelStyleHeaderIconTemplate**: `any`
- **expansionStates**: `any`
- **filteredData**: `any`
- **filteredSortedData**: `any`
- **filteringExpressionsTree**: `any`
- **filteringLogic**: `any`
- **filterMode**: `any`
- **filterStrategy**: `any`
- **headerCollapsedIndicatorTemplate**: `any`
- **headerExpandedIndicatorTemplate**: `any`
- **headSelectorTemplate**: `any`
- **height**: `any`
- **hiddenColumnsCount**: `any`
- **hideRowSelectors**: `any`
- **isLoading**: `any`
- **lastSearchInfo**: `any`
- **loadingGridTemplate**: `any`
- **locale**: `any`
- **mergeStrategy**: `any`
- **moving**: `any`
- **outlet**: `any`
- **paginationComponents**: `any`
- **pagingMode**: `any`
- **pinnedColumns**: `any`
- **pinnedColumnsCount**: `any`
- **pinnedEndColumns**: `any`
- **pinnedRows**: `any`
- **pinnedStartColumns**: `any`
- **pinning**: `any`
- **primaryKey**: `any`
- **resourceStrings**: `any`
- **rowAddTextTemplate**: `any`
- **rowClasses**: `any`
- **rowCollapsedIndicatorTemplate**: `any`
- **rowDraggable**: `any`
- **rowEditable**: `any`
- **rowEditActionsTemplate**: `any`
- **rowEditTextTemplate**: `any`
- **rowExpandedIndicatorTemplate**: `any`
- **rowHeight**: `any`
- **rowList**: `any`
- **rowSelection**: `any`
- **rowSelectorTemplate**: `any`
- **rowStyles**: `any`
- **selectedRows**: `any`
- **selectRowOnClick**: `any`
- **shouldGenerate**: `any`
- **showSummaryOnCollapse**: `any`
- **snackbarDisplayTime**: `any`
- **sortAscendingHeaderIconTemplate**: `any`
- **sortDescendingHeaderIconTemplate**: `any`
- **sortHeaderIconTemplate**: `any`
- **sortingExpressions**: `any`
- **sortingOptions**: `any`
- **sortStrategy**: `any`
- **summaryCalculationMode**: `any`
- **summaryPosition**: `any`
- **summaryRowHeight**: `any`
- **toolbar**: `any`
- **totalRecords**: `any`
- **unpinnedColumns**: `any`
- **validationTrigger**: `any`
- **virtualizationState**: `any`
- **visibleColumns**: `any`
- **width**: `any`
- **addRow**: `any`
- **beginAddRowById**: `any`
- **beginAddRowByIndex**: `any`
- **clearCellSelection**: `any`
- **clearFilter**: `any`
- **clearSearch**: `any`
- **clearSort**: `any`
- **closeAdvancedFilteringDialog**: `any`
- **collapseAll**: `any`
- **collapseRow**: `any`
- **deleteRow**: `any`
- **deselectAllColumns**: `any`
- **deselectAllRows**: `any`
- **deselectColumns**: `any`
- **deselectRows**: `any`
- **disableSummaries**: `any`
- **enableSummaries**: `any`
- **endEdit**: `any`
- **expandAll**: `any`
- **expandRow**: `any`
- **filter**: `any`
- **filterGlobal**: `any`
- **findNext**: `any`
- **findPrev**: `any`
- **getColumnByName**: `any`
- **getColumnByVisibleIndex**: `any`
- **getHeaderGroupWidth**: `any`
- **getNextCell**: `any`
- **getPinnedEndWidth**: `any`
- **getPinnedStartWidth**: `any`
- **getPreviousCell**: `any`
- **getRowData**: `any`
- **getSelectedColumnsData**: `any`
- **getSelectedData**: `any`
- **getSelectedRanges**: `any`
- **isRecordPinnedByIndex**: `any`
- **markForCheck**: `any`
- **moveColumn**: `any`
- **navigateTo**: `any`
- **openAdvancedFilteringDialog**: `any`
- **pinColumn**: `any`
- **pinRow**: `any`
- **recalculateAutoSizes**: `any`
- **reflow**: `any`
- **refreshSearch**: `any`
- **selectAllColumns**: `any`
- **selectAllRows**: `any`
- **selectColumns**: `any`
- **selectedColumns**: `any`
- **selectRange**: `any`
- **selectRows**: `any`
- **sort**: `any`
- **toggleColumnVisibility**: `any`
- **toggleRow**: `any`
- **unpinColumn**: `any`
- **unpinRow**: `any`
- **updateCell**: `any`
- **updateRow**: `any`

### [IgrGridCellEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridCellEventArgsDetail)
Represents an event argument related to grid cell interactions.

- **cell**: `IgcCellType` — Represents the grid cell that triggered the event.
- **event**: `any` — Represents the original event that occurred
Examples of such events include: selecting, clicking, double clicking, etc.

### [IgrGridClipboardEvent](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridClipboardEvent)
The event arguments when data from a grid is being copied.

- **cancel**: `any`
- **data**: `any`

### [IgrGridContextMenuEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridContextMenuEventArgsDetail)
Represents an event argument for the grid contextMenu output

- **cell**: `IgcCellType` — Represents the grid cell that triggered the event.
- **event**: `any` — Represents the original event that occurred
Examples of such events include: selecting, clicking, double clicking, etc.
- **row**: `IgcRowType` — Represents the grid row that triggered the event.

### [IgrGridCreatedEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridCreatedEventArgsDetail)

- **grid**: `IgcHierarchicalGridComponent`
- **owner**: `IgcRowIslandComponent` — Provides reference to the owner component.
- **parentID**: `any`
- **parentRowData?**: `any`

### [IgrGridEditDoneEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridEditDoneEventArgsDetail)
Represents event arguments related to grid editing completion.

- **cellID?**: `any`
- **column?**: `IgcColumnComponent` — Optional
Represents the column information of the edited cell
- **isAddRow?**: `boolean` — Optional
Indicates if the editing consists of adding a new row
- **newValue?**: `any` — Optional
Represents the value, that is being entered in the edited cell
When there is no newValue and the event has ended, the value of the cell returns to the oldValue
- **oldValue**: `any` — Represents the previous (before editing) value of the edited cell.
It's used when the event has been stopped/exited.
- **owner?**: `IgcGridBaseDirective` — Optional
Represents the grid instance that owns the edit event.
- **primaryKey**: `any`
- **rowData**: `any` — rowData represents the updated/committed data of the row after the edit (newValue)
The only case rowData (of the current object) is used directly, is when there is no rowEditing or transactions enabled
- **rowID**: `any`
- **rowKey**: `any`
- **valid?**: `boolean` — Optional
Indicates if the new value would be valid.
It can be set to return the result of the methods for validation of the grid

### [IgrGridEditEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridEditEventArgsDetail)
Represents event arguments related to grid editing.
The event is cancelable
It contains information about the row and the column, as well as the old and nwe value of the element/cell

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **cellID?**: `any`
- **column?**: `IgcColumnComponent` — Optional
Represents the column information of the edited cell
- **isAddRow?**: `boolean` — Optional
Indicates if the editing consists of adding a new row
- **newValue?**: `any` — Optional
Represents the value, that is being entered in the edited cell
When there is no newValue and the event has ended, the value of the cell returns to the oldValue
- **oldValue**: `any` — Represents the previous (before editing) value of the edited cell.
It's used when the event has been stopped/exited.
- **owner?**: `IgcGridBaseDirective` — Optional
Represents the grid instance that owns the edit event.
- **primaryKey**: `any`
- **rowData**: `any` — rowData represents the updated/committed data of the row after the edit (newValue)
The only case rowData (of the current object) is used directly, is when there is no rowEditing or transactions enabled
- **rowID**: `any`
- **rowKey**: `any`
- **valid?**: `boolean` — Optional
Indicates if the new value would be valid.
It can be set to return the result of the methods for validation of the grid

### [IgrGridEmptyTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridEmptyTemplateContext)


### [IgrGridFormGroupCreatedEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridFormGroupCreatedEventArgsDetail)
Interface representing the event arguments when a form group is created in the grid.
- formGroup: The form group that is created.
- owner: The grid instance that owns the form group.

- **owner**: `IgcGridBaseDirective`

### [IgrGridGroupingStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridGroupingStrategy)
Represents a grouping strategy for the grid data, extending the Sorting Strategy interface (contains a sorting method).

- **groupBy**: `any`

### [IgrGridHeaderTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridHeaderTemplateContext)

- **implicit**: `any`

### [IgrGridKeydownEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridKeydownEventArgsDetail)
Represents an event, emitted when keydown is triggered over element inside grid's body
This event is fired only if the key combination is supported in the grid.

- **cancel**: `boolean` — The event is cancelable
cancel returns whether the event has been intercepted and stopped
If the value becomes "true", it returns/exits from the method, instantiating the interface
- **event**: `any` — Represents the original event, that occurred.
- **target**: `any` — Represents the information and details of the object itself
- **targetType**: `GridKeydownTargetType` — The targetType represents the type of the targeted object. For example a cell or a row

### [IgrGridMasterDetailContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridMasterDetailContext)

- **implicit**: `any`
- **index**: `any`

### [IgrGridMergeStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridMergeStrategy)
Merge strategy interface.

- **comparer**: `any`
- **merge**: `any`

### [IgrGridPaginatorTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridPaginatorTemplateContext)

- **implicit**: `any`

### [IgrGridResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridResourceStrings)

- **igx_grid_actions_add_child_label?**: `string`
- **igx_grid_actions_add_label?**: `string`
- **igx_grid_actions_delete_label?**: `string`
- **igx_grid_actions_edit_label?**: `string`
- **igx_grid_actions_jumpDown_label?**: `string`
- **igx_grid_actions_jumpUp_label?**: `string`
- **igx_grid_actions_pin_label?**: `string`
- **igx_grid_actions_unpin_label?**: `string`
- **igx_grid_add_row_label?**: `string`
- **igx_grid_advanced_filter_add_condition?**: `string`
- **igx_grid_advanced_filter_add_condition_root?**: `string`
- **igx_grid_advanced_filter_add_group?**: `string`
- **igx_grid_advanced_filter_add_group_root?**: `string`
- **igx_grid_advanced_filter_and_group?**: `string`
- **igx_grid_advanced_filter_and_label?**: `string`
- **igx_grid_advanced_filter_column_placeholder?**: `string`
- **igx_grid_advanced_filter_create_and_group?**: `string`
- **igx_grid_advanced_filter_create_or_group?**: `string`
- **igx_grid_advanced_filter_delete?**: `string`
- **igx_grid_advanced_filter_delete_filters?**: `string`
- **igx_grid_advanced_filter_dialog_checkbox_text?**: `string`
- **igx_grid_advanced_filter_dialog_message?**: `string`
- **igx_grid_advanced_filter_dialog_title?**: `string`
- **igx_grid_advanced_filter_drop_ghost_text?**: `string`
- **igx_grid_advanced_filter_end_group?**: `string`
- **igx_grid_advanced_filter_from_label?**: `string`
- **igx_grid_advanced_filter_initial_text?**: `string`
- **igx_grid_advanced_filter_or_group?**: `string`
- **igx_grid_advanced_filter_or_label?**: `string`
- **igx_grid_advanced_filter_query_value_placeholder?**: `string`
- **igx_grid_advanced_filter_select_entity?**: `string`
- **igx_grid_advanced_filter_select_return_field_single?**: `string`
- **igx_grid_advanced_filter_switch_group?**: `string`
- **igx_grid_advanced_filter_title?**: `string`
- **igx_grid_advanced_filter_ungroup?**: `string`
- **igx_grid_advanced_filter_value_placeholder?**: `string`
- **igx_grid_complex_filter?**: `string`
- **igx_grid_emptyFilteredGrid_message?**: `string`
- **igx_grid_emptyGrid_message?**: `string`
- **igx_grid_excel_add_to_filter?**: `string`
- **igx_grid_excel_apply?**: `string`
- **igx_grid_excel_blanks?**: `string`
- **igx_grid_excel_boolean_filter?**: `string`
- **igx_grid_excel_cancel?**: `string`
- **igx_grid_excel_currency_filter?**: `string`
- **igx_grid_excel_custom_dialog_add?**: `string`
- **igx_grid_excel_custom_dialog_clear?**: `string`
- **igx_grid_excel_custom_dialog_header?**: `string`
- **igx_grid_excel_custom_filter?**: `string`
- **igx_grid_excel_date_filter?**: `string`
- **igx_grid_excel_deselect?**: `string`
- **igx_grid_excel_filter_clear?**: `string`
- **igx_grid_excel_filter_moving_header?**: `string`
- **igx_grid_excel_filter_moving_left?**: `string`
- **igx_grid_excel_filter_moving_left_short?**: `string`
- **igx_grid_excel_filter_moving_right?**: `string`
- **igx_grid_excel_filter_moving_right_short?**: `string`
- **igx_grid_excel_filter_sorting_asc?**: `string`
- **igx_grid_excel_filter_sorting_asc_short?**: `string`
- **igx_grid_excel_filter_sorting_desc?**: `string`
- **igx_grid_excel_filter_sorting_desc_short?**: `string`
- **igx_grid_excel_filter_sorting_header?**: `string`
- **igx_grid_excel_hide?**: `string`
- **igx_grid_excel_matches_count?**: `string`
- **igx_grid_excel_no_matches?**: `string`
- **igx_grid_excel_number_filter?**: `string`
- **igx_grid_excel_pin?**: `string`
- **igx_grid_excel_search_placeholder?**: `string`
- **igx_grid_excel_select?**: `string`
- **igx_grid_excel_select_all?**: `string`
- **igx_grid_excel_select_all_search_results?**: `string`
- **igx_grid_excel_show?**: `string`
- **igx_grid_excel_text_filter?**: `string`
- **igx_grid_excel_unpin?**: `string`
- **igx_grid_filter?**: `string`
- **igx_grid_filter_after?**: `string`
- **igx_grid_filter_all?**: `string`
- **igx_grid_filter_at?**: `string`
- **igx_grid_filter_at_after?**: `string`
- **igx_grid_filter_at_before?**: `string`
- **igx_grid_filter_before?**: `string`
- **igx_grid_filter_condition_placeholder?**: `string`
- **igx_grid_filter_contains?**: `string`
- **igx_grid_filter_doesNotContain?**: `string`
- **igx_grid_filter_doesNotEqual?**: `string`
- **igx_grid_filter_empty?**: `string`
- **igx_grid_filter_endsWith?**: `string`
- **igx_grid_filter_equals?**: `string`
- **igx_grid_filter_false?**: `string`
- **igx_grid_filter_greaterThan?**: `string`
- **igx_grid_filter_greaterThanOrEqualTo?**: `string`
- **igx_grid_filter_in?**: `string`
- **igx_grid_filter_lastMonth?**: `string`
- **igx_grid_filter_lastYear?**: `string`
- **igx_grid_filter_lessThan?**: `string`
- **igx_grid_filter_lessThanOrEqualTo?**: `string`
- **igx_grid_filter_nextMonth?**: `string`
- **igx_grid_filter_nextYear?**: `string`
- **igx_grid_filter_not_at?**: `string`
- **igx_grid_filter_notEmpty?**: `string`
- **igx_grid_filter_notIn?**: `string`
- **igx_grid_filter_notNull?**: `string`
- **igx_grid_filter_null?**: `string`
- **igx_grid_filter_operator_and?**: `string`
- **igx_grid_filter_operator_or?**: `string`
- **igx_grid_filter_row_boolean_placeholder?**: `string`
- **igx_grid_filter_row_close?**: `string`
- **igx_grid_filter_row_date_placeholder?**: `string`
- **igx_grid_filter_row_placeholder?**: `string`
- **igx_grid_filter_row_reset?**: `string`
- **igx_grid_filter_row_time_placeholder?**: `string`
- **igx_grid_filter_startsWith?**: `string`
- **igx_grid_filter_thisMonth?**: `string`
- **igx_grid_filter_thisYear?**: `string`
- **igx_grid_filter_today?**: `string`
- **igx_grid_filter_true?**: `string`
- **igx_grid_filter_yesterday?**: `string`
- **igx_grid_groupByArea_deselect_message?**: `string`
- **igx_grid_groupByArea_message?**: `string`
- **igx_grid_groupByArea_select_message?**: `string`
- **igx_grid_hiding_check_all_label?**: `string`
- **igx_grid_hiding_uncheck_all_label?**: `string`
- **igx_grid_pinned_row_indicator?**: `string`
- **igx_grid_pinning_check_all_label?**: `string`
- **igx_grid_pinning_uncheck_all_label?**: `string`
- **igx_grid_pivot_aggregate_avg?**: `string`
- **igx_grid_pivot_aggregate_count?**: `string`
- **igx_grid_pivot_aggregate_date_earliest?**: `string`
- **igx_grid_pivot_aggregate_date_latest?**: `string`
- **igx_grid_pivot_aggregate_max?**: `string`
- **igx_grid_pivot_aggregate_min?**: `string`
- **igx_grid_pivot_aggregate_sum?**: `string`
- **igx_grid_pivot_aggregate_time_earliest?**: `string`
- **igx_grid_pivot_aggregate_time_latest?**: `string`
- **igx_grid_pivot_column_drop_chip?**: `string`
- **igx_grid_pivot_date_dimension_total?**: `string`
- **igx_grid_pivot_empty_column_drop_area?**: `string`
- **igx_grid_pivot_empty_filter_drop_area?**: `string`
- **igx_grid_pivot_empty_message?**: `string`
- **igx_grid_pivot_empty_row_drop_area?**: `string`
- **igx_grid_pivot_empty_value_drop_area?**: `string`
- **igx_grid_pivot_filter_drop_chip?**: `string`
- **igx_grid_pivot_row_drop_chip?**: `string`
- **igx_grid_pivot_selector_columns?**: `string`
- **igx_grid_pivot_selector_filters?**: `string`
- **igx_grid_pivot_selector_panel_empty?**: `string`
- **igx_grid_pivot_selector_rows?**: `string`
- **igx_grid_pivot_selector_values?**: `string`
- **igx_grid_pivot_value_drop_chip?**: `string`
- **igx_grid_row_edit_btn_cancel?**: `string`
- **igx_grid_row_edit_btn_done?**: `string`
- **igx_grid_row_edit_text?**: `string`
- **igx_grid_snackbar_addrow_actiontext?**: `string`
- **igx_grid_snackbar_addrow_label?**: `string`
- **igx_grid_summary_average?**: `string`
- **igx_grid_summary_count?**: `string`
- **igx_grid_summary_earliest?**: `string`
- **igx_grid_summary_latest?**: `string`
- **igx_grid_summary_max?**: `string`
- **igx_grid_summary_min?**: `string`
- **igx_grid_summary_sum?**: `string`
- **igx_grid_toolbar_actions_filter_prompt?**: `string`
- **igx_grid_toolbar_advanced_filtering_button_label?**: `string`
- **igx_grid_toolbar_advanced_filtering_button_tooltip?**: `string`
- **igx_grid_toolbar_exporter_button_label?**: `string`
- **igx_grid_toolbar_exporter_button_tooltip?**: `string`
- **igx_grid_toolbar_exporter_csv_entry_text?**: `string`
- **igx_grid_toolbar_exporter_excel_entry_text?**: `string`
- **igx_grid_toolbar_exporter_pdf_entry_text?**: `string`
- **igx_grid_toolbar_hiding_button_tooltip?**: `string`
- **igx_grid_toolbar_hiding_title?**: `string`
- **igx_grid_toolbar_pinning_button_tooltip?**: `string`
- **igx_grid_toolbar_pinning_title?**: `string`

### [IgrGridRowComponent](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowComponent)

- **getContext**: `any`
- **getContextMRL**: `any`

### [IgrGridRowDragGhostContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowDragGhostContext)

- **data**: `any`
- **grid**: `any`
- **implicit**: `any`

### [IgrGridRowEditActionsTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowEditActionsTemplateContext)

- **implicit**: `any`

### [IgrGridRowEditTextTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowEditTextTemplateContext)

- **implicit**: `any`

### [IgrGridRowEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowEventArgsDetail)
Represents an event argument related to grid row interactions.

- **event**: `any` — Represents the original event that occurred
Examples of such events include: selecting, clicking, double clicking, etc.
- **row**: `IgcRowType` — Represents the grid row that triggered the event.

### [IgrGridRowTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridRowTemplateContext)

- **implicit**: `any`

### [IgrGridScrollEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridScrollEventArgsDetail)
Event emitted when a grid is scrolled.

- **direction**: `string` — The scroll direction - vertical or horizontal.
- **event**: `any` — The original browser scroll event.
- **scrollPosition**: `number` — The new scroll position

### [IgrGridSelectionRange](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridSelectionRange)
Represents a range selection between certain rows and columns of the grid.
Range selection can be made either through drag selection or through keyboard selection.

- **columnEnd**: `any`
- **columnStart**: `any`
- **rowEnd**: `any`
- **rowStart**: `any`

### [IgrGridSortingStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridSortingStrategy)
Represents a sorting strategy for the grid data
Contains a single method sort that sorts the provided data based on the given sorting expressions

- **sort**: `any`

### [IgrGridStateBaseDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridStateBaseDirective)
Any HTML element. Some elements directly implement this interface, while others implement it via an interface that inherits it.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement)

- **options**: `any`

### [IgrGridStateCollection](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridStateCollection)

- **id**: `any`
- **parentRowID**: `any`
- **state**: `any`

### [IgrGridStateInfo](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridStateInfo)

- **advancedFiltering?**: `IgcFilteringExpressionsTree`
- **cellSelection?**: `IgcGridSelectionRange[]`
- **columns?**: `IgcColumnState[]`
- **columnSelection?**: `string[]`
- **expansion?**: `any[]`
- **filtering?**: `IgcFilteringExpressionsTree`
- **groupBy?**: `IgcGroupingState`
- **id?**: `string`
- **moving?**: `boolean`
- **paging?**: `IgcPagingState`
- **pinningConfig?**: `IgcPinningConfig`
- **pivotConfiguration?**: `IgcPivotConfiguration`
- **rowIslands?**: `IgcGridStateCollection[]`
- **rowPinning?**: `any[]`
- **rowSelection?**: `any[]`
- **sorting?**: `IgcSortingExpression[]`

### [IgrGridStateOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridStateOptions)

- **advancedFiltering?**: `boolean`
- **cellSelection?**: `boolean`
- **columns?**: `boolean`
- **columnSelection?**: `boolean`
- **expansion?**: `boolean`
- **filtering?**: `boolean`
- **groupBy?**: `boolean`
- **moving?**: `boolean`
- **paging?**: `boolean`
- **pinningConfig?**: `boolean`
- **pivotConfiguration?**: `boolean`
- **rowIslands?**: `boolean`
- **rowPinning?**: `boolean`
- **rowSelection?**: `boolean`
- **sorting?**: `boolean`

### [IgrGridTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridTemplateContext)

- **implicit**: `any`

### [IgrGridToolbarExportEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridToolbarExportEventArgsDetail)
Represents the arguments for the grid toolbar export event.
It provides information about the grid instance, exporter service, export options,
and allows the event to be canceled.

- **cancel**: `boolean` — cancel returns whether the event has been intercepted and stopped
If the value becomes "true", it returns/exits from the method, instantiating the interface
- **exporter**: `IgcBaseExporter` — The exporter is a base service.
The type (an abstract class IgxBaseExporter) has it's own properties and methods
It is used to define the format and options of the export, the exported element
and methods for preparing the data from the elements for exporting
- **grid**: `IgcGridBaseDirective` — grid represents a reference to the instance of the grid te event originated from
- **options**: `IgcExporterOptionsBase` — Represents the different settings, that can be given to an export
The type (an abstract class IgxExporterOptionsBase) has properties for column settings
(whether they should be ignored) as well as method for generating a file name

### [IgrGridToolbarTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridToolbarTemplateContext)

- **implicit**: `any`

### [IgrGridValidationState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridValidationState)
Interface representing the validation state of a grid.
- status: The validation status ('VALID' or 'INVALID').
- errors: The validation errors if any.

- **errors?**: `IgcValidationErrors`
- **status**: `any`

### [IgrGridValidationStatusEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGridValidationStatusEventArgsDetail)
Interface representing the event arguments for the grid validation status change event.
- status: The validation status ('VALID' or 'INVALID').
- owner: The grid instance that owns the validation state.

- **owner**: `IgcGridBaseDirective`
- **status**: `ValidationStatus`

### [IgrGroupByExpandState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByExpandState)

- **expanded**: `any`
- **hierarchy**: `any`

### [IgrGroupByKey](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByKey)

- **fieldName**: `any`
- **value**: `any`

### [IgrGroupByRecord](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByRecord)

- **column?**: `IgcColumnComponent`
- **groups?**: `IgcGroupByRecord[]`
- **expression**: `any`
- **groupParent**: `any`
- **height**: `any`
- **level**: `any`
- **records**: `any`
- **value**: `any`

### [IgrGroupByResult](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByResult)

- **data**: `any`
- **metadata**: `any`

### [IgrGroupByRowSelectorTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByRowSelectorTemplateContext)

- **implicit**: `any`

### [IgrGroupByRowSelectorTemplateDetails](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByRowSelectorTemplateDetails)

- **groupRow**: `any`
- **selectedCount**: `any`
- **totalCount**: `any`

### [IgrGroupByRowTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupByRowTemplateContext)

- **implicit**: `any`

### [IgrGroupingDoneEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupingDoneEventArgsDetail)

- **expressions**: `IgcSortingExpression[]`
- **groupedColumns**: `IgcColumnComponent[]`
- **ungroupedColumns**: `IgcColumnComponent[]`

### [IgrGroupingExpression](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupingExpression)

- **groupingComparer?**: `any`

### [IgrGroupingState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrGroupingState)

- **defaultExpanded**: `any`
- **expansion**: `any`
- **expressions**: `any`

### [IgrHeaderType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrHeaderType)
Interface representing a header cell in the grid. It is essentially the blueprint to a header cell object.
Contains definitions of properties, relevant to the header

- **column**: `any`
- **selectable**: `any`
- **selected**: `any`
- **sortDirection**: `any`
- **sorted**: `any`
- **title**: `any`

### [IgrHeadSelectorTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrHeadSelectorTemplateContext)

- **implicit**: `any`

### [IgrHeadSelectorTemplateDetails](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrHeadSelectorTemplateDetails)

- **selectedCount**: `any`
- **totalCount**: `any`
- **deselectAll?**: `any`
- **selectAll?**: `any`

### [IgrHierarchicalGridBaseDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrHierarchicalGridBaseDirective)

- **hasChildrenKey**: `any`
- **rootGrid**: `any`
- **showExpandAll**: `any`

### [IGridResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IGridResourceStrings)

- **grid_actions_add_child_label?**: `string`
- **grid_actions_add_label?**: `string`
- **grid_actions_delete_label?**: `string`
- **grid_actions_edit_label?**: `string`
- **grid_actions_jumpDown_label?**: `string`
- **grid_actions_jumpUp_label?**: `string`
- **grid_actions_pin_label?**: `string`
- **grid_actions_unpin_label?**: `string`
- **grid_add_row_label?**: `string`
- **grid_advanced_filter_add_condition?**: `string`
- **grid_advanced_filter_add_condition_root?**: `string`
- **grid_advanced_filter_add_group?**: `string`
- **grid_advanced_filter_add_group_root?**: `string`
- **grid_advanced_filter_and_group?**: `string`
- **grid_advanced_filter_and_label?**: `string`
- **grid_advanced_filter_column_placeholder?**: `string`
- **grid_advanced_filter_create_and_group?**: `string`
- **grid_advanced_filter_create_or_group?**: `string`
- **grid_advanced_filter_delete?**: `string`
- **grid_advanced_filter_delete_filters?**: `string`
- **grid_advanced_filter_dialog_checkbox_text?**: `string`
- **grid_advanced_filter_dialog_message?**: `string`
- **grid_advanced_filter_dialog_title?**: `string`
- **grid_advanced_filter_drop_ghost_text?**: `string`
- **grid_advanced_filter_end_group?**: `string`
- **grid_advanced_filter_from_label?**: `string`
- **grid_advanced_filter_initial_text?**: `string`
- **grid_advanced_filter_or_group?**: `string`
- **grid_advanced_filter_or_label?**: `string`
- **grid_advanced_filter_query_value_placeholder?**: `string`
- **grid_advanced_filter_select_entity?**: `string`
- **grid_advanced_filter_select_return_field_single?**: `string`
- **grid_advanced_filter_switch_group?**: `string`
- **grid_advanced_filter_title?**: `string`
- **grid_advanced_filter_ungroup?**: `string`
- **grid_advanced_filter_value_placeholder?**: `string`
- **grid_complex_filter?**: `string`
- **grid_emptyFilteredGrid_message?**: `string`
- **grid_emptyGrid_message?**: `string`
- **grid_excel_add_to_filter?**: `string`
- **grid_excel_apply?**: `string`
- **grid_excel_blanks?**: `string`
- **grid_excel_boolean_filter?**: `string`
- **grid_excel_cancel?**: `string`
- **grid_excel_currency_filter?**: `string`
- **grid_excel_custom_dialog_add?**: `string`
- **grid_excel_custom_dialog_clear?**: `string`
- **grid_excel_custom_dialog_header?**: `string`
- **grid_excel_custom_filter?**: `string`
- **grid_excel_date_filter?**: `string`
- **grid_excel_deselect?**: `string`
- **grid_excel_filter_clear?**: `string`
- **grid_excel_filter_moving_header?**: `string`
- **grid_excel_filter_moving_left?**: `string`
- **grid_excel_filter_moving_left_short?**: `string`
- **grid_excel_filter_moving_right?**: `string`
- **grid_excel_filter_moving_right_short?**: `string`
- **grid_excel_filter_sorting_asc?**: `string`
- **grid_excel_filter_sorting_asc_short?**: `string`
- **grid_excel_filter_sorting_desc?**: `string`
- **grid_excel_filter_sorting_desc_short?**: `string`
- **grid_excel_filter_sorting_header?**: `string`
- **grid_excel_hide?**: `string`
- **grid_excel_matches_count?**: `string`
- **grid_excel_no_matches?**: `string`
- **grid_excel_number_filter?**: `string`
- **grid_excel_pin?**: `string`
- **grid_excel_search_placeholder?**: `string`
- **grid_excel_select?**: `string`
- **grid_excel_select_all?**: `string`
- **grid_excel_select_all_search_results?**: `string`
- **grid_excel_show?**: `string`
- **grid_excel_text_filter?**: `string`
- **grid_excel_unpin?**: `string`
- **grid_filter?**: `string`
- **grid_filter_after?**: `string`
- **grid_filter_all?**: `string`
- **grid_filter_at?**: `string`
- **grid_filter_at_after?**: `string`
- **grid_filter_at_before?**: `string`
- **grid_filter_before?**: `string`
- **grid_filter_condition_placeholder?**: `string`
- **grid_filter_contains?**: `string`
- **grid_filter_doesNotContain?**: `string`
- **grid_filter_doesNotEqual?**: `string`
- **grid_filter_empty?**: `string`
- **grid_filter_endsWith?**: `string`
- **grid_filter_equals?**: `string`
- **grid_filter_false?**: `string`
- **grid_filter_greaterThan?**: `string`
- **grid_filter_greaterThanOrEqualTo?**: `string`
- **grid_filter_in?**: `string`
- **grid_filter_lastMonth?**: `string`
- **grid_filter_lastYear?**: `string`
- **grid_filter_lessThan?**: `string`
- **grid_filter_lessThanOrEqualTo?**: `string`
- **grid_filter_nextMonth?**: `string`
- **grid_filter_nextYear?**: `string`
- **grid_filter_not_at?**: `string`
- **grid_filter_notEmpty?**: `string`
- **grid_filter_notIn?**: `string`
- **grid_filter_notNull?**: `string`
- **grid_filter_null?**: `string`
- **grid_filter_operator_and?**: `string`
- **grid_filter_operator_or?**: `string`
- **grid_filter_row_boolean_placeholder?**: `string`
- **grid_filter_row_close?**: `string`
- **grid_filter_row_date_placeholder?**: `string`
- **grid_filter_row_placeholder?**: `string`
- **grid_filter_row_reset?**: `string`
- **grid_filter_row_time_placeholder?**: `string`
- **grid_filter_startsWith?**: `string`
- **grid_filter_thisMonth?**: `string`
- **grid_filter_thisYear?**: `string`
- **grid_filter_today?**: `string`
- **grid_filter_true?**: `string`
- **grid_filter_yesterday?**: `string`
- **grid_groupByArea_deselect_message?**: `string`
- **grid_groupByArea_message?**: `string`
- **grid_groupByArea_select_message?**: `string`
- **grid_hiding_check_all_label?**: `string`
- **grid_hiding_uncheck_all_label?**: `string`
- **grid_pinned_row_indicator?**: `string`
- **grid_pinning_check_all_label?**: `string`
- **grid_pinning_uncheck_all_label?**: `string`
- **grid_pivot_aggregate_avg?**: `string`
- **grid_pivot_aggregate_count?**: `string`
- **grid_pivot_aggregate_date_earliest?**: `string`
- **grid_pivot_aggregate_date_latest?**: `string`
- **grid_pivot_aggregate_max?**: `string`
- **grid_pivot_aggregate_min?**: `string`
- **grid_pivot_aggregate_sum?**: `string`
- **grid_pivot_aggregate_time_earliest?**: `string`
- **grid_pivot_aggregate_time_latest?**: `string`
- **grid_pivot_column_drop_chip?**: `string`
- **grid_pivot_date_dimension_total?**: `string`
- **grid_pivot_empty_column_drop_area?**: `string`
- **grid_pivot_empty_filter_drop_area?**: `string`
- **grid_pivot_empty_message?**: `string`
- **grid_pivot_empty_row_drop_area?**: `string`
- **grid_pivot_empty_value_drop_area?**: `string`
- **grid_pivot_filter_drop_chip?**: `string`
- **grid_pivot_row_drop_chip?**: `string`
- **grid_pivot_selector_columns?**: `string`
- **grid_pivot_selector_filters?**: `string`
- **grid_pivot_selector_panel_empty?**: `string`
- **grid_pivot_selector_rows?**: `string`
- **grid_pivot_selector_values?**: `string`
- **grid_pivot_value_drop_chip?**: `string`
- **grid_row_edit_btn_cancel?**: `string`
- **grid_row_edit_btn_done?**: `string`
- **grid_row_edit_text?**: `string`
- **grid_snackbar_addrow_actiontext?**: `string`
- **grid_snackbar_addrow_label?**: `string`
- **grid_summary_average?**: `string`
- **grid_summary_count?**: `string`
- **grid_summary_earliest?**: `string`
- **grid_summary_latest?**: `string`
- **grid_summary_max?**: `string`
- **grid_summary_min?**: `string`
- **grid_summary_sum?**: `string`
- **grid_toolbar_actions_filter_prompt?**: `string`
- **grid_toolbar_advanced_filtering_button_label?**: `string`
- **grid_toolbar_advanced_filtering_button_tooltip?**: `string`
- **grid_toolbar_exporter_button_label?**: `string`
- **grid_toolbar_exporter_button_tooltip?**: `string`
- **grid_toolbar_exporter_csv_entry_text?**: `string`
- **grid_toolbar_exporter_excel_entry_text?**: `string`
- **grid_toolbar_exporter_pdf_entry_text?**: `string`
- **grid_toolbar_hiding_button_tooltip?**: `string`
- **grid_toolbar_hiding_title?**: `string`
- **grid_toolbar_pinning_button_tooltip?**: `string`
- **grid_toolbar_pinning_title?**: `string`

### [IgrOverlayOutletDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrOverlayOutletDirective)
Mark an element as an igxOverlay outlet container.
Directive instance is exported as overlay-outlet to be assigned to templates variables:
<div igxOverlayOutlet #outlet="overlay-outlet"></div>


### [IgrOverlaySettings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrOverlaySettings)

- **closeOnEscape?**: `boolean` — Set if the overlay should close when Esc key is pressed
- **closeOnOutsideClick?**: `boolean` — Set if the overlay should close on outside click
- **modal?**: `boolean` — Set if the overlay should be in modal mode
- **positionStrategy?**: `IgcPositionStrategy` — Position strategy to use with these settings
- **scrollStrategy?**: `IgcScrollStrategy` — Scroll strategy to use with these settings
- **target?**: `HTMLElement | Point` — Attaching target for the component to show

### [IgrPageCancellableEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPageCancellableEventArgsDetail)

- **current**: `number`
- **next**: `number`

### [IgrPageEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPageEventArgsDetail)

- **current**: `number`
- **previous**: `number`

### [IgrPaginatorResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPaginatorResourceStrings)

- **igx_paginator_first_page_button_text?**: `string`
- **igx_paginator_label?**: `string`
- **igx_paginator_last_page_button_text?**: `string`
- **igx_paginator_next_page_button_text?**: `string`
- **igx_paginator_pager_text?**: `string`
- **igx_paginator_previous_page_button_text?**: `string`

### [IgrPagingState](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPagingState)

- **index**: `any`
- **recordsPerPage**: `any`

### [IgrPinColumnCancellableEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPinColumnCancellableEventArgsDetail)
The event arguments before a column's pin state is changed.
insertAtIndexspecifies at which index in the pinned/unpinned area the column is inserted.
Can be changed in the columnPin event.
isPinned returns the actual pin state of the column. When pinning/unpinning is successful,
the value of isPinned will change accordingly when read in the "-ing" and "-ed" event.

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **column**: `IgcColumnComponent`
- **insertAtIndex**: `number` — If pinned, specifies at which index in the pinned area the column is inserted.
If unpinned, specifies at which index in the unpinned area the column is inserted.
- **isPinned**: `boolean` — Returns the actual pin state of the column.
If pinning/unpinning is successful, value of isPinned will change accordingly when read in the "-ing" and "-ed" event.

### [IgrPinColumnEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPinColumnEventArgsDetail)
The event arguments after a column's pin state is changed.
insertAtIndexspecifies at which index in the pinned/unpinned area the column was inserted.
isPinned returns the actual pin state of the column after the operation completed.

- **column**: `IgcColumnComponent`
- **insertAtIndex**: `number` — If pinned, specifies at which index in the pinned area the column is inserted.
If unpinned, specifies at which index in the unpinned area the column is inserted.
- **isPinned**: `boolean` — Returns the actual pin state of the column.
If pinning/unpinning is successful, value of isPinned will change accordingly when read in the "-ing" and "-ed" event.

### [IgrPinningConfig](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPinningConfig)
An interface describing settings for row/column pinning position.

- **columns?**: `ColumnPinningPosition`
- **rows?**: `RowPinningPosition`

### [IgrPinRowEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPinRowEventArgsDetail)
Event emitted when a row's pin state changes.
The event is cancelable

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **insertAtIndex?**: `number` — The index at which to pin the row in the pinned rows collection.
- **isPinned**: `boolean` — Whether or not the row is pinned or unpinned.
- **owner?**: `any` — Provides reference to the owner component.
- **row?**: `IgcRowType`
- **rowID**: `any` — The ID of the row, that was pinned/unpinned.
ID is either the primaryKey value or the data record instance.
- **rowKey**: `any`

### [IgrPivotAggregator](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotAggregator)
Interface describing a IPivotAggregator class.
Used for specifying custom aggregator lists.

- **aggregator?**: `any` — Aggregator function can be a custom implementation of PivotAggregation, or
use predefined ones from IgxPivotAggregate and its variants.
- **aggregatorName?**: `PivotAggregationType` — Aggregation name that will be used from a list of predefined aggregations.
If not set will use the specified aggregator function.
- **key**: `any`
- **label**: `any`

### [IgrPivotConfiguration](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotConfiguration)
Configuration of the pivot grid.

- **columnStrategy?**: `IgcPivotDimensionStrategy` — A strategy to transform the columns.
- **filters?**: `IgcPivotDimension[]` — Dimensions to be displayed in the filter area.
- **pivotKeys?**: `IgcPivotKeys` — Pivot data keys used for data generation. Can be used for custom remote scenarios where the data is pre-populated.
- **rowStrategy?**: `IgcPivotDimensionStrategy` — A strategy to transform the rows.
- **columns**: `any`
- **rows**: `any`
- **values**: `any`

### [IgrPivotConfigurationChangedEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotConfigurationChangedEventArgsDetail)
Event emitted when pivot configuration is changed.

- **pivotConfiguration**: `IgcPivotConfiguration` — The new configuration.

### [IgrPivotDateDimensionOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotDateDimensionOptions)

- **fullDate?**: `boolean` — Enabled/Disables dimensions for the full date provided
- **months?**: `boolean` — Enables/Disables dimensions per month from provided periods.
- **quarters?**: `boolean`
- **total?**: `boolean` — Enables/Disables total value of all periods.
- **years?**: `boolean` — Enables/Disables dimensions per year from provided periods.

### [IgrPivotDimension](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotDimension)
Configuration of a pivot dimension.

- **childLevel?**: `IgcPivotDimension` — Allows defining a hierarchy when multiple sub groups need to be extracted from single member.
- **dataType?**: `GridColumnDataType` — The dataType of the related data field.
- **displayName?**: `string` — Display name to show instead of the field name of this value. *
- **filter?**: `IgcFilteringExpressionsTree` — A predefined or defined via the igxPivotSelector filter expression tree for the current dimension to be applied in the filter pipe.
- **horizontalSummary?**: `boolean`
- **level?**: `number` — Level of the dimension.
- **memberFunction?**: `any` — Function that extracts the value
- **sortable?**: `boolean` — Enable/disable sorting for a particular dimension. True by default.
- **sortDirection?**: `SortingDirection` — The sorting direction of the current dimension. Determines the order in which the values will appear in the related dimension.
- **width?**: `string` — The width of the dimension cells to be rendered.Can be pixel, % or "auto".
- **enabled**: `any`
- **memberName**: `any`

### [IgrPivotDimensionStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotDimensionStrategy)
Interface describing Pivot data processing for dimensions.
Should contain a process method and return records hierarchy based on the provided dimensions.

- **process**: `any`

### [IgrPivotGridColumn](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotGridColumn)
Interface describing the Pivot column data.
 Contains information on the related column dimensions and their values.

- **dimensions**: `any`
- **field**: `any`
- **value**: `any`

### [IgrPivotGridRecord](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotGridRecord)

- **dataIndex?**: `number` — The index of the record in the total view
- **level?**: `number` — Record level*
- **records?**: `any[]` — List of original data records associated with the current pivoted data. *
- **totalRecordDimensionName?**: `string` — If set, it specifies the name of the dimension, that has total record enabled.
- **dimensions**: `any`

### [IgrPivotGridValueTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotGridValueTemplateContext)

- **implicit**: `any`

### [IgrPivotKeys](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotKeys)
Interface describing the Pivot data keys used for data generation.
 Can be used for custom remote scenarios where the data is pre-populated.

- **aggregations**: `any`
- **children**: `any`
- **columnDimensionSeparator**: `any`
- **level**: `any`
- **records**: `any`
- **rowDimensionSeparator**: `any`

### [IgrPivotUISettings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotUISettings)

- **horizontalSummariesPosition?**: `PivotSummaryPosition`
- **rowLayout?**: `PivotRowLayoutType`
- **showConfiguration?**: `boolean`
- **showRowHeaders?**: `boolean`

### [IgrPivotValue](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPivotValue)
Configuration of a pivot value aggregation.

- **aggregateList?**: `IgcPivotAggregator[]` — List of aggregates to show in aggregate drop-down.
- **dataType?**: `GridColumnDataType` — Enables a data type specific template of the cells
- **displayName?**: `string` — Display name to show instead of member for the column header of this value. *
- **formatter?**: `any` — Applies display format to cell values.
- **styles?**: `any` — Allow conditionally styling of the IgxPivotGrid cells.
- **aggregate**: `any`
- **enabled**: `any`
- **member**: `any`

### [IgrPositionSettings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPositionSettings)

- **horizontalDirection?**: `HorizontalAlignment` — Direction in which the component should show
- **horizontalStartPoint?**: `HorizontalAlignment` — Target's starting point
- **minSize?**: `IgcSize` — The size up to which element may shrink when shown in elastic position strategy
- **offset?**: `number` — The offset of the element from the target in pixels
- **verticalDirection?**: `VerticalAlignment` — Direction in which the component should show
- **verticalStartPoint?**: `VerticalAlignment` — Target's starting point

### [IgrPositionStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrPositionStrategy)
[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-position)
Position strategies determine where to display the component in the provided IgxOverlayService.

- **settings**: `any`
- **clone**: `any`

### [IgrQueryBuilderResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrQueryBuilderResourceStrings)

- **igx_query_builder_add_condition?**: `string`
- **igx_query_builder_add_condition_root?**: `string`
- **igx_query_builder_add_group?**: `string`
- **igx_query_builder_add_group_root?**: `string`
- **igx_query_builder_all_fields?**: `string`
- **igx_query_builder_and_group?**: `string`
- **igx_query_builder_and_label?**: `string`
- **igx_query_builder_column_placeholder?**: `string`
- **igx_query_builder_condition_placeholder?**: `string`
- **igx_query_builder_date_placeholder?**: `string`
- **igx_query_builder_datetime_placeholder?**: `string`
- **igx_query_builder_delete?**: `string`
- **igx_query_builder_delete_filters?**: `string`
- **igx_query_builder_details?**: `string`
- **igx_query_builder_dialog_cancel?**: `string`
- **igx_query_builder_dialog_checkbox_text?**: `string`
- **igx_query_builder_dialog_confirm?**: `string`
- **igx_query_builder_dialog_message?**: `string`
- **igx_query_builder_dialog_title?**: `string`
- **igx_query_builder_drop_ghost_text?**: `string`
- **igx_query_builder_end_group?**: `string`
- **igx_query_builder_filter_after?**: `string`
- **igx_query_builder_filter_all?**: `string`
- **igx_query_builder_filter_at?**: `string`
- **igx_query_builder_filter_at_after?**: `string`
- **igx_query_builder_filter_at_before?**: `string`
- **igx_query_builder_filter_before?**: `string`
- **igx_query_builder_filter_contains?**: `string`
- **igx_query_builder_filter_doesNotContain?**: `string`
- **igx_query_builder_filter_doesNotEqual?**: `string`
- **igx_query_builder_filter_empty?**: `string`
- **igx_query_builder_filter_endsWith?**: `string`
- **igx_query_builder_filter_equals?**: `string`
- **igx_query_builder_filter_false?**: `string`
- **igx_query_builder_filter_greaterThan?**: `string`
- **igx_query_builder_filter_greaterThanOrEqualTo?**: `string`
- **igx_query_builder_filter_in?**: `string`
- **igx_query_builder_filter_lastMonth?**: `string`
- **igx_query_builder_filter_lastYear?**: `string`
- **igx_query_builder_filter_lessThan?**: `string`
- **igx_query_builder_filter_lessThanOrEqualTo?**: `string`
- **igx_query_builder_filter_nextMonth?**: `string`
- **igx_query_builder_filter_nextYear?**: `string`
- **igx_query_builder_filter_not_at?**: `string`
- **igx_query_builder_filter_notEmpty?**: `string`
- **igx_query_builder_filter_notIn?**: `string`
- **igx_query_builder_filter_notNull?**: `string`
- **igx_query_builder_filter_null?**: `string`
- **igx_query_builder_filter_operator_and?**: `string`
- **igx_query_builder_filter_operator_or?**: `string`
- **igx_query_builder_filter_startsWith?**: `string`
- **igx_query_builder_filter_thisMonth?**: `string`
- **igx_query_builder_filter_thisYear?**: `string`
- **igx_query_builder_filter_today?**: `string`
- **igx_query_builder_filter_true?**: `string`
- **igx_query_builder_filter_yesterday?**: `string`
- **igx_query_builder_from_label?**: `string`
- **igx_query_builder_initial_text?**: `string`
- **igx_query_builder_or_group?**: `string`
- **igx_query_builder_or_label?**: `string`
- **igx_query_builder_query_value_placeholder?**: `string`
- **igx_query_builder_search?**: `string`
- **igx_query_builder_select_all?**: `string`
- **igx_query_builder_select_entity?**: `string`
- **igx_query_builder_select_label?**: `string`
- **igx_query_builder_select_return_field_single?**: `string`
- **igx_query_builder_select_return_fields?**: `string`
- **igx_query_builder_switch_group?**: `string`
- **igx_query_builder_time_placeholder?**: `string`
- **igx_query_builder_ungroup?**: `string`
- **igx_query_builder_value_placeholder?**: `string`
- **igx_query_builder_where_label?**: `string`

### [IgrQueryBuilderSearchValueContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrQueryBuilderSearchValueContext)

- **implicit**: `any`
- **selectedCondition**: `any`
- **selectedField**: `any`

### [IgrRowDataCancelableEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowDataCancelableEventArgsDetail)

- **cellID?**: `any`
- **data**: `any`
- **isAddRow?**: `boolean`
- **newValue?**: `any`
- **oldValue**: `any`
- **owner**: `IgcGridBaseDirective`
- **primaryKey**: `any` — Represents the unique key, the row can be associated with.
Available if primaryKey exists
- **rowData**: `any`
- **rowKey**: `any`

### [IgrRowDataEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowDataEventArgsDetail)
Represents event arguments related to events, that can occur for rows in a grid
Example for events: adding, deleting, selection, transaction, etc.

- **data**: `any`
- **primaryKey**: `any` — Represents the unique key, the row can be associated with.
Available if primaryKey exists
- **rowData**: `any`
- **rowKey**: `any`

### [IgrRowDirective](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowDirective)

- **addRowUI**: `any`
- **cells**: `any`
- **data**: `any`
- **dataRowIndex**: `any`
- **disabled**: `any`
- **expanded**: `any`
- **hasMergedCells**: `any`
- **index**: `any`
- **inEditMode**: `any`
- **key**: `any`
- **pinned**: `any`
- **rowHeight**: `any`
- **beginAddRow**: `any`
- **delete**: `any`
- **isCellActive**: `any`
- **pin**: `any`
- **unpin**: `any`
- **update**: `any`

### [IgrRowDragEndEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowDragEndEventArgsDetail)
Emitted when a dragging operation is finished (when the row is dropped)

- **animation**: `boolean` — animation returns whether the event is animated
- **dragData**: `IgcRowType` — Represents the information of the row that is being dragged.
- **dragDirective**: `any` — Represents the drag directive or information associated with the drag operation

### [IgrRowDragStartEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowDragStartEventArgsDetail)
Emitted when a dragging operation is starting (when the row is "picked")
The event is cancelable

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **dragData**: `IgcRowType` — Represents the information of the row that is being dragged.
- **dragDirective**: `any` — Represents the drag directive or information associated with the drag operation
- **owner?**: `any` — Provides reference to the owner component.

### [IgrRowExportingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowExportingEventArgsDetail)
rowExporting event arguments
this.exporterService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
// set args properties here
})

- **cancel**: `boolean` — Skip the exporting row when set to true
- **rowData**: `any` — Contains the exporting row data
- **rowIndex**: `number` — Contains the exporting row index

### [IgrRowSelectionEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowSelectionEventArgsDetail)
The event arguments when the selection state of a row is being changed
The event is cancelable

- **added**: `any[]` — Represents an array of all added rows
Whenever a row has been selected, the array is "refreshed" with the selected rows
- **allRowsSelected?**: `boolean` — Indicates whether or not all rows of the grid have been selected
- **cancel**: `boolean` — Provides the ability to cancel the event.
- **newSelection**: `any[]` — Represents the newly selected rows
- **oldSelection**: `any[]` — Represents an array of rows, that have already been selected
- **owner?**: `any` — Provides reference to the owner component.
- **removed**: `any[]` — Represents an array of all rows, removed from the selection
Whenever a row has been deselected, the array is "refreshed" with the rows,
that have been previously selected, but are no longer

### [IgrRowSelectorTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowSelectorTemplateContext)

- **implicit**: `any`

### [IgrRowSelectorTemplateDetails](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowSelectorTemplateDetails)

- **index**: `any`
- **key**: `any`
- **rowID**: `any`
- **selected**: `any`
- **deselect?**: `any`
- **select?**: `any`

### [IgrRowToggleEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowToggleEventArgsDetail)
Represents event arguments related to the row's expansion state being changed in a grid

- **cancel**: `boolean` — The event is cancelable
cancel returns whether the event has been intercepted and stopped
If the value becomes "true", it returns/exits from the method, instantiating the interface
- **expanded**: `boolean` — Returns the state of the row after the operation has ended
Indicating whether the row is being expanded (true) or collapsed (false)
- **rowID**: `any` — Represents the ID of the row that emitted the event (which state is changed)
- **rowKey**: `any`

### [IgrRowType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrRowType)
Interface representing a row in the grid. It is essentially the blueprint to a row object.
Contains definitions of properties and methods, relevant to a row

- **addRowUI?**: `boolean`
- **cells?**: `IgcCellType[]` — Optional
A list or an array of cells, that belong to the row
- **children?**: `IgcRowType[]` — Optional
Contains the child rows of the current row, if there are any.
- **data?**: `any`
- **deleted?**: `boolean` — Optional
Indicates whether the row is marked for deletion.
- **disabled?**: `boolean` — Optional
Indicates whether the current row is disabled
- **expanded?**: `boolean` — Optional
Indicates whether the current row is expanded.
The value is true, if the row is expanded and false, if it is collapsed
- **focused?**: `boolean` — Optional
Indicates whether the row is currently focused.
- **groupRow?**: `IgcGroupByRecord`
- **hasChildren?**: `boolean` — Optional
Indicates whether the current row has any child rows
- **inEditMode?**: `boolean` — Optional
Indicates whether the row is currently being edited.
- **isGroupByRow?**: `boolean` — Indicates whether the row is grouped.
- **isSummaryRow?**: `boolean`
- **key?**: `any`
- **parent?**: `IgcRowType` — Optional
Contains the parent row of the current row, if it has one.
If the parent row exist, it means that the current row is a child row
- **pinned?**: `boolean` — Optional
Indicates whether the current row is pinned.
- **selected?**: `boolean` — Optional
Indicates whether the current row is selected
- **treeRow?**: `IgcTreeGridRecord` — Optional
Represents the hierarchical record associated with the row (for tree grids).
It is of type ITreeGridRecord, which contains the data, children, the hierarchical level, etc.
- **validation?**: `IgcGridValidationState`
- **grid**: `any`
- **index**: `any`
- **viewIndex**: `any`
- **delete?**: `any`
- **pin?**: `any`
- **unpin?**: `any`
- **update?**: `any`

### [IgrScrollStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrScrollStrategy)
[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-scroll).
Scroll strategies determines how the scrolling will be handled in the provided IgxOverlayService.

- **attach**: `any`
- **detach**: `any`

### [IgrSearchInfo](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSearchInfo)

- **activeMatchIndex**: `any`
- **matchInfoCache**: `any`

### [IgrSize](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSize)

- **height**: `any`
- **width**: `any`

### [IgrSortingEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSortingEventArgsDetail)
Represents event arguments related to sorting and grouping operations
The event is cancelable

- **cancel**: `boolean` — Provides the ability to cancel the event.
- **groupingExpressions?**: `IgcGroupingExpression[]` — Optional
Represents the grouping expressions applied to the grid.
It can be a single grouping expression or an array of them
The expression contains information like the sorting expression and criteria by which the elements will be grouped
- **owner?**: `any` — Provides reference to the owner component.
- **sortingExpressions?**: `IgcSortingExpression[]` — Optional
Represents the sorting expressions applied to the grid.
It can be a single sorting expression or an array of them
The expression contains information like file name, whether the letter case should be taken into account, etc.

### [IgrSortingExpression](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSortingExpression)

- **ignoreCase?**: `boolean`
- **strategy?**: `IgcSortingStrategy`
- **dir**: `any`
- **fieldName**: `any`

### [IgrSortingOptions](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSortingOptions)

- **mode**: `any`

### [IgrSortingStrategy](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSortingStrategy)


### [IgrSummaryExpression](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSummaryExpression)

- **customSummary?**: `any`
- **fieldName**: `any`

### [IgrSummaryResult](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSummaryResult)

- **defaultFormatting?**: `boolean` — Apply default formatting based on the grid column type.
const result: IgxSummaryResult = {
  key: 'key',
  label: 'label',
  defaultFormatting: true
}
- **key**: `any`
- **label**: `any`
- **summaryResult**: `any`

### [IgrSummaryTemplateContext](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrSummaryTemplateContext)

- **implicit**: `any`

### [IgrToggleViewCancelableEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrToggleViewCancelableEventArgsDetail)

- **id**: `string` — Id of the toggle view

### [IgrToggleViewEventArgsDetail](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrToggleViewEventArgsDetail)

- **id**: `string` — Id of the toggle view

### [IgrTreeGridRecord](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrTreeGridRecord)

- **children?**: `IgcTreeGridRecord[]`
- **expanded?**: `boolean`
- **isFilteredOutParent?**: `boolean`
- **level?**: `number`
- **parent?**: `IgcTreeGridRecord`
- **data**: `any`
- **key**: `any`

### [IgrValidationErrors](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrValidationErrors)


### [IgrValidationResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrValidationResourceStrings)

- **igx_grid_disabled_date_validation_error?**: `string`
- **igx_grid_email_validation_error?**: `string`
- **igx_grid_mask_validation_error?**: `string`
- **igx_grid_max_length_validation_error?**: `string`
- **igx_grid_max_validation_error?**: `string`
- **igx_grid_min_length_validation_error?**: `string`
- **igx_grid_min_validation_error?**: `string`
- **igx_grid_pattern_validation_error?**: `string`
- **igx_grid_required_validation_error?**: `string`
- **igx_grid_url_validation_error?**: `string`

### [IgrValuesChange](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IgrValuesChange)
Event emitted when values list is changed.

- **values**: `any`

### [IListResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IListResourceStrings)

- **list_loading?**: `string`
- **list_no_items?**: `string`

### [IPaginatorResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IPaginatorResourceStrings)

- **paginator_first_page_button_text?**: `string`
- **paginator_label?**: `string`
- **paginator_last_page_button_text?**: `string`
- **paginator_next_page_button_text?**: `string`
- **paginator_pager_text?**: `string`
- **paginator_previous_page_button_text?**: `string`

### [IQueryBuilderResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IQueryBuilderResourceStrings)

- **query_builder_add_condition?**: `string`
- **query_builder_add_condition_root?**: `string`
- **query_builder_add_group?**: `string`
- **query_builder_add_group_root?**: `string`
- **query_builder_all_fields?**: `string`
- **query_builder_and_group?**: `string`
- **query_builder_and_label?**: `string`
- **query_builder_column_placeholder?**: `string`
- **query_builder_condition_placeholder?**: `string`
- **query_builder_date_placeholder?**: `string`
- **query_builder_datetime_placeholder?**: `string`
- **query_builder_delete?**: `string`
- **query_builder_delete_filters?**: `string`
- **query_builder_details?**: `string`
- **query_builder_dialog_cancel?**: `string`
- **query_builder_dialog_checkbox_text?**: `string`
- **query_builder_dialog_confirm?**: `string`
- **query_builder_dialog_message?**: `string`
- **query_builder_dialog_title?**: `string`
- **query_builder_drop_ghost_text?**: `string`
- **query_builder_end_group?**: `string`
- **query_builder_filter_after?**: `string`
- **query_builder_filter_all?**: `string`
- **query_builder_filter_at?**: `string`
- **query_builder_filter_at_after?**: `string`
- **query_builder_filter_at_before?**: `string`
- **query_builder_filter_before?**: `string`
- **query_builder_filter_contains?**: `string`
- **query_builder_filter_doesNotContain?**: `string`
- **query_builder_filter_doesNotEqual?**: `string`
- **query_builder_filter_empty?**: `string`
- **query_builder_filter_endsWith?**: `string`
- **query_builder_filter_equals?**: `string`
- **query_builder_filter_false?**: `string`
- **query_builder_filter_greaterThan?**: `string`
- **query_builder_filter_greaterThanOrEqualTo?**: `string`
- **query_builder_filter_in?**: `string`
- **query_builder_filter_lastMonth?**: `string`
- **query_builder_filter_lastYear?**: `string`
- **query_builder_filter_lessThan?**: `string`
- **query_builder_filter_lessThanOrEqualTo?**: `string`
- **query_builder_filter_nextMonth?**: `string`
- **query_builder_filter_nextYear?**: `string`
- **query_builder_filter_not_at?**: `string`
- **query_builder_filter_notEmpty?**: `string`
- **query_builder_filter_notIn?**: `string`
- **query_builder_filter_notNull?**: `string`
- **query_builder_filter_null?**: `string`
- **query_builder_filter_operator_and?**: `string`
- **query_builder_filter_operator_or?**: `string`
- **query_builder_filter_startsWith?**: `string`
- **query_builder_filter_thisMonth?**: `string`
- **query_builder_filter_thisYear?**: `string`
- **query_builder_filter_today?**: `string`
- **query_builder_filter_true?**: `string`
- **query_builder_filter_yesterday?**: `string`
- **query_builder_from_label?**: `string`
- **query_builder_initial_text?**: `string`
- **query_builder_or_group?**: `string`
- **query_builder_or_label?**: `string`
- **query_builder_query_value_placeholder?**: `string`
- **query_builder_search?**: `string`
- **query_builder_select_all?**: `string`
- **query_builder_select_entity?**: `string`
- **query_builder_select_label?**: `string`
- **query_builder_select_return_field_single?**: `string`
- **query_builder_select_return_fields?**: `string`
- **query_builder_switch_group?**: `string`
- **query_builder_time_placeholder?**: `string`
- **query_builder_ungroup?**: `string`
- **query_builder_value_placeholder?**: `string`
- **query_builder_where_label?**: `string`

### [IResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/IResourceStrings)


### [ITimePickerResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/ITimePickerResourceStrings)

- **time_picker_cancel?**: `string`
- **time_picker_change_time?**: `string`
- **time_picker_choose_time?**: `string`
- **time_picker_ok?**: `string`

### [ITreeResourceStrings](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/ITreeResourceStrings)

- **collapse?**: `string`
- **expand?**: `string`

### [Point](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/interfaces/Point)

- **x**: `number`
- **y**: `number`

## Enumerations

### [ColumnPinningPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/ColumnPinningPosition)
Enumeration representing the possible positions for pinning columns.
- Start: Columns are pinned to the start of the grid.
- End: Columns are pinned to the end of the grid.

- **End**
- **Start**

### [DropPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/DropPosition)
This enumeration is used to configure whether the drop position is set before or after
the target.

- **AfterDropTarget**
- **BeforeDropTarget**

### [FilteringExpressionsTreeType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/FilteringExpressionsTreeType)

- **Advanced**
- **Regular**

### [FilteringLogic](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/FilteringLogic)

- **And**
- **Or**

### [HorizontalAlignment](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/HorizontalAlignment)

- **Center** = -0.5
- **Left** = -1
- **Right** = 0

### [PivotDimensionType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/PivotDimensionType)
The dimension types - Row, Column or Filter.

- **Column**
- **Filter**
- **Row**

### [RowPinningPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/RowPinningPosition)
Enumeration representing the possible positions for pinning rows.
- Top: Rows are pinned to the top of the grid.
- Bottom: Rows are pinned to the bottom of the grid.

- **Bottom**
- **Top**

### [SortingDirection](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/SortingDirection)

- **Asc** = 1
- **Desc** = 2
- **None** = 0

### [VerticalAlignment](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/enums/VerticalAlignment)

- **Bottom** = 0
- **Middle** = -0.5
- **Top** = -1

## Type Aliases

### [FilterMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/FilterMode)
`"quickFilter" | "excelStyleFilter"`

### [GridCellMergeMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridCellMergeMode)
`"onSort" | "always"`

### [GridColumnDataType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridColumnDataType)
`"string" | "number" | "boolean" | "date" | "dateTime" | "time" | "currency" | "percent" | "image"`

### [GridKeydownTargetType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridKeydownTargetType)
`"dataCell" | "summaryCell" | "groupRow" | "hierarchicalRow" | "headerCell" | "masterDetailRow"`

### [GridPagingMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridPagingMode)
`"local" | "remote"`

### [GridSelectionMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridSelectionMode)
`"none" | "single" | "multiple" | "multipleCascade"`

### [GridSummaryCalculationMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridSummaryCalculationMode)
`"rootLevelOnly" | "childLevelsOnly" | "rootAndChildLevels"`

### [GridSummaryPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridSummaryPosition)
`"top" | "bottom"`

### [GridToolbarExporterType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridToolbarExporterType)
`"excel" | "csv" | "pdf"`

### [GridValidationTrigger](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/GridValidationTrigger)
`"change" | "blur"`

### [IgrActiveNodeChangeEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrActiveNodeChangeEventArgs)
`CustomEvent<IgrActiveNodeChangeEventArgsDetail>`

### [IgrBaseEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrBaseEventArgs)
`CustomEvent<IgrBaseEventArgsDetail>`

### [IgrCancelableBrowserEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrCancelableBrowserEventArgs)
`CustomEvent<IgrCancelableBrowserEventArgsDetail>`

### [IgrCancelableEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrCancelableEventArgs)
`CustomEvent<IgrCancelableEventArgsDetail>`

### [IgrColumnExportingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnExportingEventArgs)
`CustomEvent<IgrColumnExportingEventArgsDetail>`

### [IgrColumnMovingEndEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnMovingEndEventArgs)
`CustomEvent<IgrColumnMovingEndEventArgsDetail>`

### [IgrColumnMovingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnMovingEventArgs)
`CustomEvent<IgrColumnMovingEventArgsDetail>`

### [IgrColumnMovingStartEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnMovingStartEventArgs)
`CustomEvent<IgrColumnMovingStartEventArgsDetail>`

### [IgrColumnResizeEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnResizeEventArgs)
`CustomEvent<IgrColumnResizeEventArgsDetail>`

### [IgrColumnsAutoGeneratedEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnsAutoGeneratedEventArgs)
`CustomEvent<IgrColumnsAutoGeneratedEventArgsDetail>`

### [IgrColumnSelectionEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnSelectionEventArgs)
`CustomEvent<IgrColumnSelectionEventArgsDetail>`

### [IgrColumnToggledEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnToggledEventArgs)
`CustomEvent<IgrColumnToggledEventArgsDetail>`

### [IgrColumnVisibilityChangedEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnVisibilityChangedEventArgs)
`CustomEvent<IgrColumnVisibilityChangedEventArgsDetail>`

### [IgrColumnVisibilityChangingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrColumnVisibilityChangingEventArgs)
`CustomEvent<IgrColumnVisibilityChangingEventArgsDetail>`

### [IgrExporterEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrExporterEventArgs)
`CustomEvent<IgrExporterEventArgsDetail>`

### [IgrFilteringEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrFilteringEventArgs)
`CustomEvent<IgrFilteringEventArgsDetail>`

### [IgrForOfDataChangeEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrForOfDataChangeEventArgs)
`CustomEvent<IgrForOfDataChangeEventArgsDetail>`

### [IgrForOfDataChangingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrForOfDataChangingEventArgs)
`CustomEvent<IgrForOfDataChangingEventArgsDetail>`

### [IgrGridCellEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridCellEventArgs)
`CustomEvent<IgrGridCellEventArgsDetail>`

### [IgrGridContextMenuEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridContextMenuEventArgs)
`CustomEvent<IgrGridContextMenuEventArgsDetail>`

### [IgrGridCreatedEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridCreatedEventArgs)
`CustomEvent<IgrGridCreatedEventArgsDetail>`

### [IgrGridEditDoneEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridEditDoneEventArgs)
`CustomEvent<IgrGridEditDoneEventArgsDetail>`

### [IgrGridEditEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridEditEventArgs)
`CustomEvent<IgrGridEditEventArgsDetail>`

### [IgrGridFormGroupCreatedEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridFormGroupCreatedEventArgs)
`CustomEvent<IgrGridFormGroupCreatedEventArgsDetail>`

### [IgrGridKeydownEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridKeydownEventArgs)
`CustomEvent<IgrGridKeydownEventArgsDetail>`

### [IgrGridRowEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridRowEventArgs)
`CustomEvent<IgrGridRowEventArgsDetail>`

### [IgrGridScrollEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridScrollEventArgs)
`CustomEvent<IgrGridScrollEventArgsDetail>`

### [IgrGridToolbarExportEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridToolbarExportEventArgs)
`CustomEvent<IgrGridToolbarExportEventArgsDetail>`

### [IgrGridValidationStatusEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGridValidationStatusEventArgs)
`CustomEvent<IgrGridValidationStatusEventArgsDetail>`

### [IgrGroupingDoneEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrGroupingDoneEventArgs)
`CustomEvent<IgrGroupingDoneEventArgsDetail>`

### [IgrPageCancellableEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPageCancellableEventArgs)
`CustomEvent<IgrPageCancellableEventArgsDetail>`

### [IgrPageEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPageEventArgs)
`CustomEvent<IgrPageEventArgsDetail>`

### [IgrPinColumnCancellableEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPinColumnCancellableEventArgs)
`CustomEvent<IgrPinColumnCancellableEventArgsDetail>`

### [IgrPinColumnEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPinColumnEventArgs)
`CustomEvent<IgrPinColumnEventArgsDetail>`

### [IgrPinRowEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPinRowEventArgs)
`CustomEvent<IgrPinRowEventArgsDetail>`

### [IgrPivotConfigurationChangedEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrPivotConfigurationChangedEventArgs)
`CustomEvent<IgrPivotConfigurationChangedEventArgsDetail>`

### [IgrRowDataCancelableEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowDataCancelableEventArgs)
`CustomEvent<IgrRowDataCancelableEventArgsDetail>`

### [IgrRowDataEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowDataEventArgs)
`CustomEvent<IgrRowDataEventArgsDetail>`

### [IgrRowDragEndEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowDragEndEventArgs)
`CustomEvent<IgrRowDragEndEventArgsDetail>`

### [IgrRowDragStartEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowDragStartEventArgs)
`CustomEvent<IgrRowDragStartEventArgsDetail>`

### [IgrRowExportingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowExportingEventArgs)
`CustomEvent<IgrRowExportingEventArgsDetail>`

### [IgrRowSelectionEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowSelectionEventArgs)
`CustomEvent<IgrRowSelectionEventArgsDetail>`

### [IgrRowToggleEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrRowToggleEventArgs)
`CustomEvent<IgrRowToggleEventArgsDetail>`

### [IgrSortingEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrSortingEventArgs)
`CustomEvent<IgrSortingEventArgsDetail>`

### [IgrToggleViewCancelableEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrToggleViewCancelableEventArgs)
`CustomEvent<IgrToggleViewCancelableEventArgsDetail>`

### [IgrToggleViewEventArgs](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/IgrToggleViewEventArgs)
`CustomEvent<IgrToggleViewEventArgsDetail>`

### [PivotAggregationType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/PivotAggregationType)
`"SUM" | "AVG" | "MIN" | "MAX" | "COUNT" | "LATEST" | "EARLIEST"`

### [PivotRowLayoutType](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/PivotRowLayoutType)
`"Vertical" | "Horizontal"`

### [PivotSummaryPosition](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/PivotSummaryPosition)
`"Top" | "Bottom"`

### [SortingOptionsMode](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/SortingOptionsMode)
`"single" | "multiple"`

### [ValidationStatus](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/types/ValidationStatus)
`"VALID" | "INVALID"`

## Functions

### [registerI18n](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/functions/registerI18n)
`registerI18n(resourceStrings: IResourceStrings, locale: string): void`
Register resources for a specific locale.

### [setCurrentI18n](https://www.infragistics.com/api/react/igniteui-react-grids/19.5.1/functions/setCurrentI18n)
`setCurrentI18n(locale: string): void`
Set the current locale of all Ignite UI components.
