Default sorting in Angular Material – Sort header

by

You’re mistaking matSortStart for matSortDirection.

Try this:

<table matSort (matSortChange)="sortData($event)" matSortActive="name" matSortDirection="asc" matSortDisableClear>

https://stackblitz.com/edit/angular-defaultsort?file=src/app/sort-overview-example.html

matSortStart can be used to reverse the cycle used when sort (e.g. when the user clicks to sort, it starts at desc instead of asc).

Edit: Thanks Ben for providing an updated example

More Related Contents:

  1. Confirm password validation in Angular 6 [duplicate]
  2. Angular + Material – How to refresh a data source (mat-table)
  3. Apply a directive conditionally
  4. mat-form-field must contain a MatFormFieldControl
  5. How to import Angular Material in project?
  6. Working example of Angular 2.0 Material MdDialog with Angular 2.0
  7. Expandable table rows in angular 4 with angular material
  8. How can i make a MatDialog draggable / Angular Material
  9. Set default option in mat-select
  10. Array of formGroup within mat-table for each row
  11. To enable or disable the input field based on the value of select component in angular
  12. Angular 6 MatTable Performance in 1000 rows
  13. Filtering specific column in Angular Material table in angular 5 [duplicate]
  14. How to pass data to dialog of angular material 2
  15. custom filter in mat-table
  16. Mat-table Sorting Demo not Working
  17. How to translate mat-paginator in Angular 4?
  18. how to support same column size when screen size reducing in angular material table
  19. @angular/material/index.d.ts’ is not a module
  20. How to use paginator from material angular?
  21. How to use MatPaginatorIntl?
  22. SassError: Can’t find stylesheet to import. @use ‘~@angular/material’ as mat;
  23. Angular Mat Select Multiple selectionchange finding which option was changed
  24. How to manually set focus on mat-form-field in Angular 6
  25. Filtering different columns in a material table
  26. How to dynamically add FormControl to FormArray on button click in Angular?
  27. Angular Material Tab : Prevent tab change of mat-tab-group if the form in current tab is dirty
  28. Angular 9 Formarray search operation executing for only first dynamic control
  29. How can I catch the Material Datepicker month pagination event?
  30. Disable click outside of angular material dialog area to close the dialog (With Angular Version 4.0+)

Leave a Comment