@@ -7,11 +7,11 @@ to tabular data.
7
7
8
8
To add sorting behavior and styling to a set of table headers, add the ` <mat-sort-header> ` component
9
9
to each header and provide an ` id ` that will identify it. These headers should be contained within a
10
- parent element with the ` matSort ` directive, which will emit an ` matSortChange ` event when the user
10
+ parent element with the ` matSort ` directive, which will emit a ` matSortChange ` event when the user
11
11
triggers sorting on the header.
12
12
13
13
Users can trigger the sort header through a mouse click or keyboard action. When this happens, the
14
- ` matSort ` will emit an ` matSortChange ` event that contains the ID of the header triggered and the
14
+ ` matSort ` will emit a ` matSortChange ` event that contains the ID of the header triggered and the
15
15
direction to sort (` asc ` or ` desc ` ).
16
16
17
17
#### Changing the sort order
@@ -23,18 +23,18 @@ To reverse the sort order for all headers, set the `matSortStart` to `desc` on t
23
23
directive. To reverse the order only for a specific header, set the ` start ` input only on the header
24
24
instead.
25
25
26
- To prevent the user from clearing the sort sort state from an already sorted column, set
26
+ To prevent the user from clearing the sort state from an already sorted column, set
27
27
` matSortDisableClear ` to ` true ` on the ` matSort ` to affect all headers, or set ` disableClear ` to
28
28
` true ` on a specific header.
29
29
30
30
#### Disabling sorting
31
31
32
32
If you want to prevent the user from changing the sorting order of any column, you can use the
33
- ` matSortDisabled ` binding on the ` mat-sort ` , or the ` disabled ` on an single ` mat-sort-header ` .
33
+ ` matSortDisabled ` binding on the ` mat-sort ` , or the ` disabled ` on a single ` mat-sort-header ` .
34
34
35
35
#### Using sort with the mat-table
36
36
37
- When used on an ` mat-table ` header, it is not required to set an ` mat-sort-header ` id on because
37
+ When used on a ` mat-table ` header, it is not required to set a ` mat-sort-header ` id on because
38
38
by default it will use the id of the column.
39
39
40
40
<!-- example(table-sorting) -->
0 commit comments