For more info please check the components's official demos & documentation demos & documentation

The matSort and mat-sort-header are used, respectively, to add sorting state and display to tabular data.

Dessert (100g) Calories Fat (g) Carbs (g) Protein (g)
{{dessert.name}} {{dessert.calories}} {{dessert.fat}} {{dessert.carbs}} {{dessert.protein}}
No. {{element.position}} Name {{element.name}} Weight {{element.weight}} Symbol {{element.symbol}}