2 tabindex=1 so the grid body can capture keyboard events.
4 <div class="eg-grid-body" tabindex="1" (keydown)="onGridKeyDown($event)">
5 <div class="eg-grid-row eg-grid-body-row {{context.rowClassCallback(row)}}"
6 [ngClass]="{'selected': context.rowSelector.contains(context.getRowIndex(row))}"
7 *ngFor="let row of context.dataSource.getPageOfRows(context.pager); let idx = index">
9 <div class="eg-grid-cell eg-grid-checkbox-cell eg-grid-cell-skinny">
10 <input type='checkbox' [(ngModel)]="context.rowSelector.indexes[context.getRowIndex(row)]">
12 <div class="eg-grid-cell eg-grid-number-cell eg-grid-cell-skinny">
13 {{context.pager.rowNumber(idx)}}
15 <div *ngIf="context.rowFlairIsEnabled" class="eg-grid-cell eg-grid-flair-cell">
16 <!-- using *ngIf allows us to assign the flair callback to a value,
17 obviating the need for multiple calls of the same function -->
18 <ng-container *ngIf="context.rowFlairCallback(row); let flair">
19 <ng-container *ngIf="flair.icon">
20 <!-- tooltip is disabled when no title is set -->
21 <span class="material-icons"
22 ngbTooltip="{{flair.title || ''}}" triggers="mouseenter:mouseleave">
28 <div class="eg-grid-cell eg-grid-body-cell" [ngStyle]="{flex:col.flex}"
29 [ngClass]="{'eg-grid-cell-overflow': context.overflowCells}"
30 (dblclick)="onRowDblClick(row)"
31 (click)="onRowClick($event, row, idx)"
32 *ngFor="let col of context.columnSet.displayColumns()">
34 <eg-grid-body-cell [context]="context" [row]="row" [column]="col">