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 }}