Как исправить дизайн заголовка на dataTable при перетаскивании - PullRequest
Новая
       47

Как исправить дизайн заголовка на dataTable при перетаскивании

1 голос
/ 05 ноября 2019

Я устанавливаю таблицу с возможностью переупорядочения, используя {mat-table, MatTableDataSource}, но когда я перетаскиваю столбец, я хочу, чтобы у него был белый непрозрачный цвет фона. Можно ли это сделать? Пример ссылки на изображение: https://imgur.com/taDJF17

<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8" cdkDropListGroup *ngIf="Loaded">
   <ng-container [matColumnDef]="column" *ngFor="let column of columnsWithoutSelect; let i = index" >
    <th mat-header-cell *matHeaderCellDef mat-sort-header  cdkDropList
                        cdkDropListLockAxis="x"
                        cdkDropListOrientation="horizontal"
                        (cdkDropListDropped)="dropListDropped($event, i)"
                        cdkDrag
                        (cdkDragStarted)="dragStarted($event, i)"
                        [cdkDragData]="{name: column, columIndex: i}"> {{headsColumns[column]}} </th>

                        <td mat-cell *matCellDef="let element" [ngClass]="stateRow ? 'td-min-1': 'td-min-2'"  > {{element[column]}} </td>
                    </ng-container>
</table>
...