IgxGridRowComponent

Constructors

new IgxGridRowComponent(): IgxGridRowComponent

Returns IgxGridRowComponent

Properties

cdr

Inherited from: IgxRowDirective

cdr: ChangeDetectorRef

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:43

disabled

Inherited from: IgxRowDirective

Sets whether this specific row has disabled functionality for editing and row selection. Default value is false.

this.grid.selectedRows[0].pinned = true;

disabled: boolean = false

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:108

element

Inherited from: IgxRowDirective

element: ElementRef<HTMLElement>

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:41

grid

Inherited from: IgxRowDirective

grid: GridType

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:37

index

Inherited from: IgxRowDirective

The index of the row.

// get the index of the second selected row
let selectedRowIndex = this.grid.selectedRows[1].index;

index: number

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:96

selectionService

Inherited from: IgxRowDirective

selectionService: IgxGridSelectionService

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:39

data

Inherited from: IgxRowDirective

data: any

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:72, projects/igniteui-angular/grids/core/src/row.directive.ts:84

expanded

Inherited from: IgxRowDirective

expanded: boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:145, projects/igniteui-angular/grids/core/src/row.directive.ts:156

pinned

Inherited from: IgxRowDirective

pinned: boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:117, projects/igniteui-angular/grids/core/src/row.directive.ts:131

Accessors

addRowUI

Inherited from: IgxRowDirective

get addRowUI(): any

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:160

Returns any

cells

Inherited from: IgxRowDirective

Gets the rendered cells in the row component.

// get the cells of the third selected row
let selectedRowCells = this.grid.selectedRows[2].cells;

get cells(): QueryList<CellType>

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:210

Returns QueryList<CellType>

dataRowIndex

Inherited from: IgxRowDirective

get dataRowIndex(): number

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:222

Returns number

hasMergedCells

Inherited from: IgxRowDirective

get hasMergedCells(): boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:135

Returns boolean

inEditMode

Inherited from: IgxRowDirective

get inEditMode(): boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:351

Returns boolean

key

Inherited from: IgxRowDirective

Gets the ID of the row. A row in the grid is identified either by:

primaryKey data value,
the whole data, if the primaryKey is omitted.

let rowID = this.grid.selectedRows[2].key;

get key(): any

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:370

Returns any

nativeElement

Inherited from: IgxRowDirective

The native DOM element representing the row. Could be null in certain environments.

// get the nativeElement of the second selected row
let selectedRowNativeElement = this.grid.selectedRows[1].nativeElement;

get nativeElement(): HTMLElement

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:387

Returns HTMLElement

rowHeight

Inherited from: IgxRowDirective

get rowHeight(): number

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:167

Returns number

virtDirRow

Inherited from: IgxRowDirective

get virtDirRow(): IgxGridForOfDirective<ColumnType, ColumnType[]>

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:189

Returns IgxGridForOfDirective<ColumnType, ColumnType[]>

Methods

beginAddRow

Inherited from: IgxRowDirective

Spawns the add row UI for the specific row.

beginAddRow(): void

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:623

Returns void

Example

const row = this.grid1.getRowByIndex(1);
row.beginAddRow();

delete

Inherited from: IgxRowDirective

Removes the specified row from the grid's data source. This method emits rowDeleted event.

// delete the third selected row from the grid
this.grid.selectedRows[2].delete();

delete(): void

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:550

Returns void

getContext

getContext(col: any, row: any): object

Defined in projects/igniteui-angular/grids/grid/src/grid-row.component.ts:29

Parameters

col: any
row: any

Returns object

getContextMRL

getContextMRL(pinnedCols: any, row: any): object

Defined in projects/igniteui-angular/grids/grid/src/grid-row.component.ts:36

Parameters

pinnedCols: any
row: any

Returns object

isCellActive

Inherited from: IgxRowDirective

isCellActive(visibleColumnIndex: any): boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:554

Parameters

visibleColumnIndex: any

Returns boolean

Inherited from: IgxRowDirective

Pins the specified row. This method emits rowPinning``rowPinned event.

// pin the selected row from the grid
this.grid.selectedRows[0].pin();

pin(): boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:574

Returns boolean

unpin

Inherited from: IgxRowDirective

Unpins the specified row. This method emits rowPinning``rowPinned event.

// unpin the selected row from the grid
this.grid.selectedRows[0].unpin();

unpin(): boolean

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:587

Returns boolean

update

Inherited from: IgxRowDirective

Updates the specified row object and the data source record with the passed value.

// update the second selected row's value
let newValue = "Apple";
this.grid.selectedRows[1].update(newValue);

update(value: any): void

Defined in projects/igniteui-angular/grids/core/src/row.directive.ts:531

Parameters

value: any