Constructors

Section titled "Constructors"

IgxGridRowComponent 

new IgxGridRowComponent(): IgxGridRowComponent

Returns IgxGridRowComponent

Properties

Section titled "Properties"

cdr

Section titled "cdr"

Inherited from: IgxRowDirective 

cdr: ChangeDetectorRef

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

disabled

Section titled "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:104

element

Section titled "element"

Inherited from: IgxRowDirective 

element: ElementRef<HTMLElement>

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

grid

Section titled "grid"

Inherited from: IgxRowDirective 

grid: GridType

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

index

Section titled "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:92

selectionService

Section titled "selectionService"

Inherited from: IgxRowDirective 

selectionService: IgxGridSelectionService

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

Accessors

Section titled "Accessors"

addRowUI

Section titled "addRowUI"

Inherited from: IgxRowDirective 

get addRowUI(): any

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

Returns any

cells

Section titled "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:206

Returns QueryList<CellType>

data

Section titled "data"

Inherited from: IgxRowDirective

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

Section titled "dataRowIndex"

Inherited from: IgxRowDirective 

get dataRowIndex(): number

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

Returns number

expanded

Section titled "expanded"

Inherited from: IgxRowDirective

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

Section titled "hasMergedCells"

Inherited from: IgxRowDirective 

get hasMergedCells(): boolean

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

Returns boolean

inEditMode

Section titled "inEditMode"

Inherited from: IgxRowDirective 

get inEditMode(): boolean

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

Returns boolean

key

Section titled "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:366

Returns any

nativeElement

Section titled "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:383

Returns HTMLElement

pinned

Section titled "pinned"

Inherited from: IgxRowDirective

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

Section titled "rowHeight"

Inherited from: IgxRowDirective 

get rowHeight(): number

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

Returns number

selected

Section titled "selected"

Inherited from: IgxRowDirective 

set selected(value: boolean): void

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

Parameters

  • value: boolean

Returns void

virtDirRow

Section titled "virtDirRow"

Inherited from: IgxRowDirective

Methods

Section titled "Methods"

beginAddRow

Section titled "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:619

Returns void

Example

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

delete

Section titled "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:546

Returns void

getContext

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

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

Section titled "isCellActive"

Inherited from: IgxRowDirective 

isCellActive(visibleColumnIndex: any): boolean

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

Parameters

  • visibleColumnIndex: any

Returns boolean

pin

Section titled "pin"

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

Returns boolean

unpin

Section titled "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:583

Returns boolean

update

Section titled "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:527

Parameters

  • value: any

Returns void