GridType

Interface representing a grid type. It is essentially the blueprint to a grid object. Contains definitions of properties and methods, relevant to a grid Extends IGridDataBindable

Optional _baseFontSize

Section titled "_baseFontSize"

The default font size, calculated for each element

_baseFontSize?: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:646

activeNodeChange: EventEmitter<IActiveNodeChangeEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:823

advancedFilteringExpressionsTree: IFilteringExpressionsTree

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:882

advancedFilteringExpressionsTreeChange

Section titled "advancedFilteringExpressionsTreeChange"
advancedFilteringExpressionsTreeChange: EventEmitter<IFilteringExpressionsTree>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:883

Indicates whether filtering in the grid is enabled. If te value is true, the grid can be filtered

allowFiltering: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:445

Optional batchEditingChange

Section titled "batchEditingChange"
batchEditingChange?: EventEmitter<boolean>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:844

CSS styling calculated for an element: calcHeight, calcWidth, outerWidth

calcHeight: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:638

Provides change detection functionality. A change-detection tree collects all views that are to be checked for changes. The property cannot be changed (readonly)

cdr: ChangeDetectorRef

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:758

cellClick: EventEmitter<IGridCellEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:825

cellEdit: EventEmitter<IGridEditEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:854

cellEditDone: EventEmitter<IGridEditDoneEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:855

cellEditEnter: EventEmitter<IGridEditEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:853

cellEditExit: EventEmitter<IGridEditDoneEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:856

Represents the selection mode for cells: 'none','single', 'multiple', 'multipleCascade'

cellSelection: GridSelectionMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:779

Optional childLayoutList

Section titled "childLayoutList"
childLayoutList?: QueryList<any>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:812

Indicates if the column of the grid is in drag mode

columnInDrag: any

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:535

An unmodifiable list, containing all the columns of the grid.

columnList: QueryList<ColumnType>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:664

columnMoving: EventEmitter<IColumnMovingEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:839

columnMovingEnd: EventEmitter<IColumnMovingEndEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:837

columnMovingStart: EventEmitter<IColumnMovingStartEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:840

columnPin: EventEmitter<IPinColumnCancellableEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:841

columnPinned: EventEmitter<IPinColumnEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:835

columnResized: EventEmitter<IColumnResizeEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:836

Represents the selection mode for columns: 'none','single', 'multiple', 'multipleCascade'

columnSelection: GridSelectionMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:783

columnSelectionChanging: EventEmitter<IColumnSelectionEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:838

columnVisibilityChanged: EventEmitter<IColumnVisibilityChangedEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:843

columnVisibilityChanging: EventEmitter<IColumnVisibilityChangingEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:842

Indicates whether the width of the column is set by the user, or is configured automatically.

columnWidthSetByUser: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:635

contextMenu: EventEmitter<IGridContextMenuEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:828

Indicates whether the currency symbol is positioned to the left of values.

currencyPositionLeft: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:632

Strategy, used for cloning the provided data. The type has one method, that takes any type of data

dataCloneStrategy: IDataCloneStrategy

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:475

dataWithAddedInTransactionRows: any[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:701

Indicates whether transitions are disabled for the grid.

disableTransitions: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:630

doubleClick: EventEmitter<IGridCellEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:827

The base drag indicator icon. Could be of any type

dragIndicatorIconBase: any

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:628

The template for drag indicator icons. Could be of any type

dragIndicatorIconTemplate: any

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:626

The template for header icon It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

excelStyleHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:775

filtering: EventEmitter<IFilteringEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:833

filteringDone: EventEmitter<IFilteringExpressionsTree>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:834

filteringExpressionsTree: IFilteringExpressionsTree

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:880

filteringExpressionsTreeChange: EventEmitter<IFilteringExpressionsTree>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:881

The filter mode for the grid. It can be quick filter of excel-style filter

filterMode: FilterMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:481

formGroupCreated: EventEmitter<IGridFormGroupCreatedEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:864

Property, that gets the header cell inner width for auto-sizing.

getHeaderCellWidth: object

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:751

Represents the grid service type providing API methods for the grid

gridAPI: GridServiceType

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:478

gridKeydown: EventEmitter<IGridKeydownEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:824

Optional groupByRowSelectorTemplate

Section titled "groupByRowSelectorTemplate"

Optional The template for the group row selector. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

groupByRowSelectorTemplate?: TemplateRef<IgxGroupByRowSelectorTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:583

Optional groupingExpansionState

Section titled "groupingExpansionState"
groupingExpansionState?: IGroupByExpandState[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:887

Optional groupingExpressions

Section titled "groupingExpressions"
groupingExpressions?: IGroupingExpression[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:888

Optional groupingExpressionsChange

Section titled "groupingExpressionsChange"
groupingExpressionsChange?: EventEmitter<IGroupingExpression[]>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:889

Optional groupRowTemplate

Section titled "groupRowTemplate"

Optional The template for group-by rows. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

groupRowTemplate?: TemplateRef<IgxGroupByRowTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:577

Optional groupsRecords

Section titled "groupsRecords"
groupsRecords?: IGroupByRecord[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:891

Optional groupStrategy

Section titled "groupStrategy"
groupStrategy?: IGridGroupingStrategy

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:874

Optional hasExpandableChildren

Section titled "hasExpandableChildren"

Optional Indicates whether the grid has expandable children (hierarchical and tree grid)

hasExpandableChildren?: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:554

Indicates whether the grid has columns that are shown

hasVisibleColumns: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:549

The template for header collapsed indicators. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

headerCollapsedIndicatorTemplate: TemplateRef<IgxGridTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:619

The template for header expanded indicators. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

headerExpandedIndicatorTemplate: TemplateRef<IgxGridTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:624

The template for the header selector. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

headSelectorTemplate: TemplateRef<IgxHeadSelectorTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:594

Represents the count of only the hidden (not visible) columns

hiddenColumnsCount: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:562

Optional iconTemplate

Section titled "iconTemplate"

Optional The template for grid icons. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

iconTemplate?: TemplateRef<any>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:571

Represents the unique identifier of the grid.

id: string

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:451

Indicates whether cells are selectable in the grid

isCellSelectable: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:687

Indicates whether it is allowed to select more than one row in the grid

isMultiRowSelectionEnabled: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:689

Indicates whether the grid's rows can be selected

isRowSelectable: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:531

Represents the last search in the grid It contains the search text (the user has entered), the match and some settings for the search

lastSearchInfo: ISearchInfo

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:724

Optional loadChildrenOnDemand

Section titled "loadChildrenOnDemand"
loadChildrenOnDemand?: object

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:803

Represents the locale of the grid: USD, EUR, GBP, CNY, JPY, etc.

locale: string

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:434

Indicates whether the grid is currently in a moving state.

moving: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:464

Represents the native HTML element itself

nativeElement: HTMLElement

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:440

Represents the paging of the grid. It can be either 'Local' or 'Remote'

  • Local: Default value; The grid will paginate the data source based on the page
pagingMode: GridPagingMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:715

An array of columns, but it counts only the ones that are pinned

pinnedColumns: ColumnType[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:671

Represents the count of only the pinned columns

pinnedColumnsCount: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:564

An array of columns, but it counts only the ones that are pinned to the end.

pinnedEndColumns: ColumnType[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:675

The width of pinned element for pinning at end.

pinnedEndWidth: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:540

An array of columns, but it counts only the ones that are pinned to the start.

pinnedStartColumns: ColumnType[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:673

The width of pinned element for pinning at start.

pinnedStartWidth: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:538

The configuration for columns and rows pinning in the grid It's of type IPinningConfig, which can have value for columns (start, end) and for rows (top, bottom)

pinning: IPinningConfig

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:655

Represents the unique primary key used for identifying rows in the grid

primaryKey: string

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:449

Optional processedExpandedFlatData

Section titled "processedExpandedFlatData"
processedExpandedFlatData?: any[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:818

Optional processedRecords

Section titled "processedRecords"
processedRecords?: Map<any, ITreeGridRecord>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:820

Optional processedRootRecords

Section titled "processedRootRecords"
processedRootRecords?: ITreeGridRecord[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:814

rangeSelected: EventEmitter<GridSelectionRange>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:830

records?: Map<any, ITreeGridRecord>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:817

The height of the visible rows in the grid.

renderedRowHeight: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:453

rowAdd: EventEmitter<IRowDataCancelableEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:845

rowAddedNotifier: Subject<IRowDataEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:848

The template for collapsed row indicators. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

rowCollapsedIndicatorTemplate: TemplateRef<IgxGridRowTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:770

rowDelete: EventEmitter<IRowDataCancelableEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:849

rowDeleted: EventEmitter<IRowDataEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:850

rowDeletedNotifier: Subject<IRowDataEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:852

rowDragEnd: EventEmitter<IRowDragEndEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:862

Indicates whether rows in the grid can be dragged. If te value is true, the rows can be dragged

rowDraggable: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:447

Indicates whether a row is currently being dragged

rowDragging: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:733

rowDragStart: EventEmitter<IRowDragStartEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:861

Indicates whether rows in the grid are editable. If te value is true, the rows can be edited

rowEditable: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:442

rowEditDone: EventEmitter<IGridEditDoneEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:859

rowEditEnter: EventEmitter<IGridEditEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:857

rowEditExit: EventEmitter<IGridEditDoneEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:860

The template for expanded row indicators. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

rowExpandedIndicatorTemplate: TemplateRef<IgxGridRowTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:765

The height of each row in the grid. Setting a constant height can solve problems with not showing all elements when scrolling

rowHeight: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:642

Optional rowLoadingIndicatorTemplate

Section titled "rowLoadingIndicatorTemplate"

Optional The template for row loading indicators. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

rowLoadingIndicatorTemplate?: TemplateRef<any>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:589

Represents the selection mode for rows: 'none','single', 'multiple', 'multipleCascade'

rowSelection: GridSelectionMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:781

rowSelectionChanging: EventEmitter<IRowSelectionEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:831

The template for row selectors. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

rowSelectorTemplate: TemplateRef<IgxRowSelectorTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:599

rowToggle: EventEmitter<IRowToggleEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:863

selected: EventEmitter<IGridCellEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:829

The service handling selection in the grid. Selecting, deselecting elements

selectionService: any

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:517

Optional showExpandAll

Section titled "showExpandAll"

Optional Indicates whether collapsed grid elements should be expanded

showExpandAll?: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:559

Indicates whether the selectors of the rows are visible

showRowSelectors: boolean

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:533

The template for ascending sort header icons. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

sortAscendingHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:609

The template for descending sort header icons. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

sortDescendingHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:614

The template for sort header icons. It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views

sortHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:604

sortingExpressions: ISortingExpression<any>[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:878

sortingExpressionsChange: EventEmitter<ISortingExpression<any>[]>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:879

The CSS margin of the summaries

summariesMargin: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:545

Represents the calculation mode for summaries: 'rootLevelOnly', 'childLevelsOnly', 'rootAndChildLevels'

summaryCalculationMode: GridSummaryCalculationMode

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:785

Represents the position of summaries: 'top', 'bottom'

summaryPosition: GridSummaryPosition

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:787

toolbarExporting: EventEmitter<IGridToolbarExportEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:867

Represents the transaction service for the grid.

transactions: TransactionService<Transaction, State>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:703

Property, that provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering

uniqueColumnValuesStrategy: object

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:748

An array of columns, but it counts only the ones that are not pinned

unpinnedColumns: ColumnType[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:669

The width of unpinned element

unpinnedWidth: number

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:543

Represents the validation service for the grid. The type contains properties and methods (logic) for validating records

validation: IgxGridValidationService

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:705

validationStatusChange: EventEmitter<IGridValidationStatusEventArgs>

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:865

The trigger for grid validation. It's value can either be change or blur

validationTrigger: GridValidationTrigger

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:650

Represents the state of virtualization for the grid. It has an owner, start index and chunk size

virtualizationState: IForOfState

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:513

An array of columns, but it counts only the ones visible (not hidden) in the view

visibleColumns: ColumnType[]

Defined in projects/igniteui-angular/grids/core/src/common/grid.interface.ts:667