Gets the rendered cells in the row component.

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

The data passed to the row component.

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

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

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

Gets the expanded state of the row.

let isExpanded = row.expanded;
Copy

The index of the row.

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

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

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

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

Spawns the add row UI for the specific row.

Example

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

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

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

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

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

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

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