purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2026-03-08 09:48:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

@angular/material v2.0.0-beta.12 compability update,

Browse Source 
Lots of breaking changes,
all "md" prefixes changed with "mat" due to angular material deprecation of "md",
md2 package removed, its not compatible with latest material version, will be replaced with another date picker later.
This commit is contained in:
mustafahlvc
2017-10-10 16:37:14 +03:00
parent 55e1d8b2bc
commit c06e99dc97
394 changed files with 5513 additions and 4945 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/assets/angular-material-examples/table-sorting/table-sorting-example.html
View File

@@ -1,34 +1,34 @@
<div class="example-container mat-elevation-z8">
<md-table #table [dataSource]="dataSource" mdSort>
<mat-table #table [dataSource]="dataSource" matSort>
<!--- Note that these columns can be defined in any order.
The actual rendered columns are set as a property on the row definition" -->
<!--- Note that these columns can be defined in any order.
The actual rendered columns are set as a property on the row definition" -->
<!-- ID Column -->
<ng-container mdColumnDef="userId">
<md-header-cell *mdHeaderCellDef md-sort-header> ID </md-header-cell>
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
</ng-container>
<!-- ID Column -->
<ng-container matColumnDef="userId">
<mat-header-cell *matHeaderCellDef mat-sort-header> ID</mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.id}}</mat-cell>
</ng-container>
<!-- Progress Column -->
<ng-container mdColumnDef="progress">
<md-header-cell *mdHeaderCellDef md-sort-header> Progress </md-header-cell>
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
</ng-container>
<!-- Progress Column -->
<ng-container matColumnDef="progress">
<mat-header-cell *matHeaderCellDef mat-sort-header> Progress</mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.progress}}%</mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container mdColumnDef="userName">
<md-header-cell *mdHeaderCellDef md-sort-header> Name </md-header-cell>
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="userName">
<mat-header-cell *matHeaderCellDef mat-sort-header> Name</mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.name}}</mat-cell>
</ng-container>
<!-- Color Column -->
<ng-container mdColumnDef="color">
<md-header-cell *mdHeaderCellDef md-sort-header> Color </md-header-cell>
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
</ng-container>
<!-- Color Column -->
<ng-container matColumnDef="color">
<mat-header-cell *matHeaderCellDef mat-sort-header> Color</mat-header-cell>
<mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}}</mat-cell>
</ng-container>
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
</md-table>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
</div>