Basic

@for ( country of basicCountries; track country.name; let i = $index ) { }
# Country Area Population
{{ i + 1 }} {{ country.name }} {{ country.area | number }} {{ country.population | number }}

Pagination

@for (country of countries; track country.name) { }
# Country Area Population
{{ country.id }} {{ country.name }} {{ country.area | number }} {{ country.population | number }}

Search and Filtering

@for ( country of searchCountries; track country.name; let i = $index ) { } @empty { }
# Country Area Population
{{ i + 1 }}
No countries found

Sorting

@for (country of sortCountries; track country.name) { }
# Country Area Population
{{ country.id }} {{ country.name }} {{ country.area | number }} {{ country.population | number }}

Complete example

@if (tableService.loading$ | async) { Loading... }
@for (country of records$ | async; track country) { } @empty { }
# Country Area Population
{{ country.id }}
No countries found