Basic table

Using the most basic table markup, here’s how .table-based tables look in Bootstrap. You can use any example of below table for your table and it can be use with any type of ng-bootstrap tables.

# Firstname Lastname Username
{{ i + 1 }} {{ element.firstname }} {{ element.lastname }} {{ element.username }}

Pagination table

Using the most basic table markup, here’s how .table-based tables look in Bootstrap. You can bind our NgbPagination component with slicing the data list.

# Firstname Lastname Username
{{ element.id }} {{ element.firstname }} {{ element.lastname}} {{ element.username }}

Serch and Filtering table

You can do filter table data, in this case with observables and our NgbHighlight component used in Typeahead.

Full text search:
# Firstname Lastname Username
{{ i + 1 }}

Sortable table

You can introduce custom directives for table headers to sort columns.

# Firstname Lastname Username
{{ element.id }} {{ element.firstname }} {{ element.lastname }} {{ element.username }}

Complate table

Table example with sorting,pagination and filtering.

Full text search: Loading...
# Firstname lastname username
{{ element.id }}