/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/table/table-drag-drop/table-drag-drop-example.html
38 строк
2 KB
Kristiyan Kostadinov
docs: use proper shadow classes in examples (#33494)
06 июл 2026, 11:10
Не верифицирован
06 июл 2026, 11:10
76f5be0
Код
Авторство
О чём код?
<mat-table #table [dataSource]="dataSource" class="mat-shadow-2" cdkDropList (cdkDropListDropped)="drop($event)" cdkDropListData="dataSource"> <!-- Position Column --> <ng-container matColumnDef="position" sticky> <mat-header-cell *matHeaderCellDef> No. </mat-header-cell> <mat-cell *matCellDef="let element"> <mat-icon class="example-drag-cursor">reorder</mat-icon> <span>{{element.position}}</span> </mat-cell> </ng-container> <!-- Name Column --> <ng-container matColumnDef="name"> <mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.name}} </mat-cell> </ng-container> <!-- Weight Column --> <ng-container matColumnDef="weight"> <mat-header-cell *matHeaderCellDef> Weight </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.weight}} </mat-cell> </ng-container> <!-- Symbol Column --> <ng-container matColumnDef="symbol"> <mat-header-cell *matHeaderCellDef> Symbol </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.symbol}} </mat-cell> </ng-container> <!-- Quantity Column --> <ng-container matColumnDef="quantity"> <mat-header-cell *matHeaderCellDef> Quantity of Element </mat-header-cell> <mat-cell *matCellDef="let element">{{element.quantity}}</mat-cell> </ng-container> <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> <mat-row *matRowDef="let row; columns: displayedColumns;" cdkDrag [cdkDragData]="row"></mat-row> </mat-table>