Change references
Track By
Reference ID Index

CdkTable With Dynamic Column Def

{{column.headerText}} {{row[column.property]}}

CdkTable Example

Highlight: First Row Last Row Even Rows Odd Rows
ID {{row.id}} Progress
{{row.progress}}%
Name {{row.name}} Color {{row.color}}

MatTable Example

ID {{row.id}} Progress
{{row.progress}}%
Name {{row.name}} Color {{row.color}}

MatTable with First/Last Buttons Example

{{paginatorOutput | json}}

MatTable Using 'When' Rows for Interactive Details

ID {{row.id}} Name {{row.name}} {{row.data.name.split(' ')[0]}}'s favorite color is {{row.data.color}} and has a progress of {{row.data.progress}}%.

MatTable With MatTableDataSource Example

Filter users
{{selection.selected.length}} {{selection.selected.length == 1 ? 'user' : 'users'}} selected
ID {{row.id}} Progress
{{row.progress}}%
Name {{row.name}} Color {{row.color}}