Optional
activeOptional
addOptional
advancedlet advancedFilteringExpressionsTree = this.grid.advancedFilteringExpressionsTree;
this.grid.advancedFilteringExpressionsTree = logic;
Optional
advancedOptional
allowOptional
allowOptional
autoOptional
autoOptional
batchOptional
cellOptional
cellOptional
cellOptional
cellOptional
cellOptional
cellGets/Sets cell selection mode.
By default the cell selection mode is multiple selectionMode: GridSelectionMode
Optional
childrenOptional
classOptional
clipboardControls the copy behavior of the grid.
Optional
columnOptional
columnOptional
columnOptional
columnOptional
columnEmitted before IgxColumnComponent
is pinned.
The index at which to insert the column may be changed through the insertAtIndex
property.
public columnPinning(event) {
if (event.column.field === "Name") {
event.insertAtIndex = 0;
}
}
Optional
columnEmitted after IgxColumnComponent
is pinned.
The index that the column is inserted at may be changed through the insertAtIndex
property.
public columnPinning(event) {
if (event.column.field === "Name") {
event.insertAtIndex = 0;
}
}
Optional
columnOptional
columnGets/Sets column selection mode
By default the row selection mode is none selectionMode: GridSelectionMode
Optional
columnOptional
columnOptional
columnOptional
columnOptional
contextOptional
dataOptional
dataOptional
dataOptional
dataOptional
dataOptional
doubleOptional
dragGets the custom template, if any, used for row drag ghost.
Optional
dragThe custom template, if any, that should be used when rendering the row drag indicator icon
Optional
emptyOptional
emptyOptional
emptyOptional
excelGets the excel style header icon.
Optional
expandOptional
filterOptional
filterOptional
filteringOptional
filteringOptional
filteringOptional
filteringOptional
filteringOptional
formOptional
gridEmitted when a copy operation is executed.
Fired only if copy behavior is enabled through the [clipboardOptions
]IgxGridBaseDirective#clipboardOptions.
Optional
gridOptional
gridOptional
hasOptional
headGets the header row selector template.
Optional
headerGets the row collapse indicator template.
Optional
headerGets the header expand indicator template.
Optional
heightOptional
hideGets/Sets if the row selectors are hidden.
By default row selectors are shown
Optional
idOptional
isOptional
loadingOptional
localeGets/Sets the locale.
If not set, returns browser's language.
Optional
movingControls whether columns moving is enabled in the grid.
Optional
outletGets/Sets the outlet used to attach the grid's overlays to.
If set, returns the outlet defined outside the grid. Otherwise returns the grid's internal outlet directive.
Optional
pagingOptional
pinningOptional
primaryOptional
rangeEmitted when making a range selection.
Range selection can be made either through drag selection or through keyboard selection.
Optional
renderedEmitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
Optional
resourceGets/Sets the resource strings.
By default it uses EN resources.
Optional
rootOptional
rowOptional
rowGets the row add text template.
Optional
rowOptional
rowOptional
rowOptional
rowGets the row collapse indicator template.
Optional
rowOptional
rowOptional
rowEmitted when dropping a row.
Return the dropped row.
Optional
rowEmitted when start dragging a row.
Return the dragged row.
Optional
rowOptional
rowOptional
rowGets the row edit actions template.
Optional
rowOptional
rowOptional
rowOptional
rowGets the row edit text template.
Optional
rowOptional
rowGets the row expand indicator template.
Optional
rowOptional
rowOptional
rowOptional
rowGets/Sets row selection mode
By default the row selection mode is 'none' Note that in IgxGrid and IgxHierarchicalGrid 'multipleCascade' behaves like 'multiple'
Optional
rowOptional
rowGets the row selector template.
Optional
rowOptional
rowOptional
selectGets/Sets whether clicking over a row should select/deselect it
By default it is set to true enabled: boolean
Optional
selectedOptional
selectedOptional
shouldGets/Sets whether the columns should be auto-generated once again after the initialization of the grid
This will allow to bind the grid to remote data and having auto-generated columns at the same time. Note that after generating the columns, this property would be disabled to avoid re-creating columns each time a new data is assigned.
this.grid.shouldGenerate = true;
Optional
showOptional
showOptional
snackbarGets/Sets the display time for the row adding snackbar notification.
By default it is 6000ms.
Optional
sortThe custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order.
Optional
sortThe custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order.
Optional
sortGets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted.
Optional
sortOptional
sortingOptional
sortingOptional
sortingOptional
sortingOptional
sortingOptional
styleOptional
summaryOptional
summaryOptional
summaryGet/Set IgxSummaryRow height
Optional
toolbarEmitted when an export process is initiated by the user.
toolbarExporting(event: IGridToolbarExportEventArgs){
const toolbarExporting = event;
}
Optional
totalGets/Sets the total number of records in the data source.
This property is required for remote grid virtualization to function when it is bound to remote data.
const itemCount = this.grid1.totalItemCount;
this.grid1.totalItemCount = 55;
Optional
totalReturns the total number of records.
Only functions when paging is enabled.
const totalRecords = this.grid.totalRecords;
Optional
validationOptional
validationOptional
widthGets/Sets the width of the grid.
let gridWidth = this.grid.width;
Gets/Sets the advanced filtering state.