(dragleave)="onColumnDragLeave($event, col)"
[ngClass]="{'dragover' : col.isDragTarget}"
class="eg-grid-cell eg-grid-header-cell eg-grid-col-{{col.name}} eg-grid-type-{{col.datatype}} eg-grid-class-{{context.idlClass}} {{context.cellClassCallback(row, col)}}">
- <span>{{col.headerLabel}}</span>
- <div class="header-actions">
- <wbr>
- <button class="sortable label-with-material-icon" *ngIf="col.isSortable"
+ <a class="sortable label-with-material-icon" *ngIf="col.isSortable"
(click)="sortOneColumn(col)">
- <span class="material-icons eg-grid-header-cell-sort-arrow" title="Sort ascending" i18n-title>sort</span>
+ <span class="eg-grid-header-cell-sort-label">{{col.headerLabel}}</span>
<span class="material-icons eg-grid-header-cell-sort-arrow"
- *ngIf="isColumnSorting(col, 'ASC')" title="Sorted ascending" i18n-title>arrow_upwards</span>
+ *ngIf="isColumnSorting(col, 'ASC')">arrow_upwards</span>
<span class="material-icons eg-grid-header-cell-sort-arrow"
- *ngIf="isColumnSorting(col, 'DESC')" title="Sorted descending" i18n-title>arrow_downwards</span>
- </button>
- </div>
+ *ngIf="isColumnSorting(col, 'DESC')">arrow_downwards</span>
+ </a>
+ <span *ngIf="!col.isSortable">{{col.headerLabel}}</span>
</th>
</tr>
<tr *ngIf="context.isFilterable"