IgxRowDirective

Constructors

new IgxRowDirective(): IgxRowDirective

Returns IgxRowDirective

Properties

cdr

cdr: ChangeDetectorRef

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

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:104

element

element: ElementRef<HTMLElement>

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

grid

grid: GridType

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

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:92

selectionService

selectionService: IgxGridSelectionService

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

Accessors

addRowUI

get addRowUI(): any

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

Returns any

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:206

Returns QueryList<CellType>

data

The data passed to the row component.

// get the row data for the first selected row
let selectedRowData = this.grid.selectedRows[0].data;

get data(): any

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

Returns any

set data(v: any): void

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

Parameters

v: any

Returns void

dataRowIndex

get dataRowIndex(): number

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

Returns number

expanded

Gets the expanded state of the row.

let isExpanded = row.expanded;

get expanded(): boolean

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

Returns boolean

Expands/collapses the current row.

this.grid.selectedRows[2].expanded = true;

set expanded(val: boolean): void

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

Parameters

val: boolean

Returns void

hasMergedCells

get hasMergedCells(): boolean

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

Returns boolean

inEditMode

get inEditMode(): boolean

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

Returns boolean

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:366

Returns any

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:383

Returns HTMLElement

pinned

Gets whether the row is pinned.

let isPinned = row.pinned;

get pinned(): boolean

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

Returns boolean

Sets whether the row is pinned. Default value is false.

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

set pinned(value: boolean): void

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

Parameters

value: boolean

Returns void

rowHeight

get rowHeight(): number

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

Returns number

selected

get selected(): any

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

set selected(value: boolean): void

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

Parameters

value: boolean

Returns void

virtDirRow

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

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

Returns IgxGridForOfDirective<ColumnType, ColumnType[]>

Methods

beginAddRow

Spawns the add row UI for the specific row.

beginAddRow(): void

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

Returns void

Example

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

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:546

Returns void

isCellActive

isCellActive(visibleColumnIndex: any): boolean

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

Parameters

visibleColumnIndex: any

Returns boolean

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:570

Returns boolean

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:583

Returns boolean

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:527

Parameters

value: any