constructor

• new IgxRowDirective(grid, selectionService, element, cdr): IgxRowDirective

• Parameters

  • grid: GridType

  • selectionService: IgxGridSelectionService

  • element: ElementRef<HTMLElement>

  • cdr: ChangeDetectorRef

  Returns IgxRowDirective

cdr

disabled

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

element

grid

index

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

selectionService

addRowUI

• get addRowUI(): any

• Returns any

cells

• get cells(): QueryList<CellType>

• Gets the rendered cells in the row component.

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

  Returns QueryList<CellType>

data

• get data(): any

• The data passed to the row component.

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

  Returns any

• set data(v): void

• Parameters

  • v: any

  Returns void

dataRowIndex

• get dataRowIndex(): number

• Returns number

expanded

• get expanded(): boolean

• Gets the expanded state of the row.

  let isExpanded = row.expanded;
  Copy

  Returns boolean

• set expanded(val): void

• Expands/collapses the current row.

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

  Parameters

  • val: boolean

  Returns void

inEditMode

• get inEditMode(): boolean

• Returns boolean

key

• get key(): any

• 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;
  Copy

  Returns any

nativeElement

• get nativeElement(): HTMLElement

• 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;
  Copy

  Returns HTMLElement

pinned

• get pinned(): boolean

• Gets whether the row is pinned.

  let isPinned = row.pinned;
  Copy

  Returns boolean

• set pinned(value): void

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

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

  Parameters

  • value: boolean

  Returns void

rowHeight

• get rowHeight(): number

• Returns number

selected

• set selected(value): void

• Parameters

  • value: boolean

  Returns void

virtDirRow

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

• Returns IgxGridForOfDirective<ColumnType, ColumnType[]>

beginAddRow

• beginAddRow(): void

• Spawns the add row UI for the specific row.

  Example

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

  Returns void

delete

• delete(): void

• 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();
  Copy

  Returns void

isCellActive

• isCellActive(visibleColumnIndex): boolean

• Parameters

  • visibleColumnIndex: any

  Returns boolean

pin

• pin(): boolean

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

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

  Returns boolean

unpin

• unpin(): boolean

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

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

  Returns boolean

update

• update(value): void

• 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);
  Copy

  Parameters

  • value: any

  Returns void