Constructors

Section titled "Constructors"

IgxRowDirective

new IgxRowDirective(): IgxRowDirective

Returns IgxRowDirective

Properties

Section titled "Properties"

cdr

Section titled "cdr" 
cdr: ChangeDetectorRef

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

disabled

Section titled "disabled"

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

Section titled "element" 
element: ElementRef<HTMLElement>

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

grid

Section titled "grid" 
grid: GridType

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

index

Section titled "index"

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

Section titled "selectionService" 
selectionService: IgxGridSelectionService

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

data

Section titled "data" 
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

Section titled "expanded" 
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

Section titled "pinned" 
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

Section titled "Accessors"

addRowUI

Section titled "addRowUI" 
get addRowUI(): any

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

Returns any

cells

Section titled "cells"

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

Section titled "dataRowIndex" 
get dataRowIndex(): number

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

Returns number

hasMergedCells

Section titled "hasMergedCells" 
get hasMergedCells(): boolean

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

Returns boolean

inEditMode

Section titled "inEditMode" 
get inEditMode(): boolean

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

Returns boolean

key

Section titled "key"

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

Section titled "nativeElement"

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

Section titled "rowHeight" 
get rowHeight(): number

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

Returns number

virtDirRow

Section titled "virtDirRow"

Methods

Section titled "Methods"

beginAddRow

Section titled "beginAddRow"

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

Section titled "delete"

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

isCellActive

Section titled "isCellActive" 
isCellActive(visibleColumnIndex: any): boolean

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

Parameters

  • visibleColumnIndex: any

Returns boolean

pin

Section titled "pin"

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

Section titled "unpin"

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

Section titled "update"

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

Returns void