Sets/gets the active highlight class class of the cell.
Default value is "igx-highlight__active".
let activeHighlightClass = this.cell.activeHighlightClass;this.cell.activeHighlightClass = 'igx-cell-highlight_active';Sets/gets the template of the cell.
<ng-template #cellTemplate igxCell let-value>
<div style="font-style: oblique; color:blueviolet; background:red">
<span>{{value}}</span>
</div>
</ng-template>@ViewChild('cellTemplate',{read: TemplateRef})
cellTemplate: TemplateRef<any>;this.cell.cellTemplate = this.cellTemplate;let template = this.cell.cellTemplate;Gets the column of the cell.
let cellColumn = this.cell.column;Sets/gets the highlight class of the cell.
Default value is "igx-highlight".
let highlightClass = this.cell.highlightClass;this.cell.highlightClass = 'igx-cell-highlight';Sets/get the role property of the cell.
Default value is "gridcell".
this.cell.role = 'grid-cell';let cellRole = this.cell.role;Gets the row of the cell.
let cellRow = this.cell.row;Sets/get the tabindex property of the cell.
Default value is 0.
this.cell.tabindex = 1;let cellTabIndex = this.cell.tabindex;Sets/gets the cell value.
this.cell.value = "Cell Value";let cellValue = this.cell.value;Gets the ID of the cell.
let cellID = this.cell.cellID;Gets the index of the cell column.
let columnIndex = this.cell.columnIndex;Gets the cell template context object.
let context = this.cell.context();Returns a string containing the grid id and the column field concatenated by "_".
let describedBy = this.cell.describedBy;Gets the current edit value while a cell is in edit mode. Only for cell editing mode.
let editValue = this.cell.editValue;Sets the current edit value while a cell is in edit mode. Only for cell editing mode.
let isLastPinned = this.cell.isLastPinned;Gets the cell formatter.
let cellForamatter = this.cell.formatter;Gets the grid of the cell.
let grid = this.cell.grid;Gets the id of the grid in which the cell is stored.
let gridId = this.cell.gridID;Gets whether the cell is in edit mode.
let isCellInEditMode = this.cell.inEditMode;Enables/disables the edit mode of the cell
this.cell.inEditMode = true;Gets whether the cell is stored in the last column in the pinned area.
let isLastPinned = this.cell.isLastPinned;Gets whether the cell is stored in the last column in the unpinned area.
let isLastUnpinned = this.cell.isLastUnpinned;Gets whether the cell is stored in a pinned column.
let isPinned = this.cell.isPinned;Returns a reference to the nativeElement of the cell.
let cellNativeElement = this.cell.nativeElement;Gets whether the cell is editable.
let isCellReadonly = this.cell.readonly;Gets the index of the row where the cell is stored.
let rowIndex = this.cell.rowIndex;Gets whether the cell is selected.
let isSelected = this.cell.selected;Selects/deselects the cell.
this.cell.selected = true.Gets the style classes of the cell.
let cellStyleClasses = this.cell.styleClasses.Gets the cell template.
let template = this.cell.template;Gets the index of the unpinned column in which the cell is stored.
let unpinnedColumnIndex = this.cell.ununpinnedColumnIndex;Gets the visible index of the in which the cell is stored.
let visibleColumnIndex = this.cell.visibleColumnIndex;Gets the width of the cell.
let cellWidth = this.cell.width;Clears the highlight of the text in the cell.
this.cell.clearHighLight();If the provided string matches the text in the cell, the text gets highlighted.
this.cell.highlightText('Cell Value', true);Gets whether the cell is selected.
let isCellSelected = thid.cell.isCellSelected();Sets new value to the cell.
this.cell.update('New Value');
Providing reference to
IgxGridCellComponent:@ViewChild('grid', { read: IgxGridComponent }) public grid: IgxGridComponent;let column = this.grid.columnList.first;let cell = column.cells[0];