Angular Tables
In this angular template there are three types of tables:
- Regular
- Extended
- Smart tables
- This is a regular html table.
- The data for our regular table example is in
src/assets/data/regular_table.json
and is consumed through the TableDataService. - Definition for the table columns is in
src/app/tables/services/table-data.service.ts
- This is an html table with more complex columns.
- The data for our extended table example is in
src/assets/data/extended_table.json
and is consumed through the TableDataService. - Definition for the table columns is in
src/app/tables/services/table-data.service.ts
- This is a smart table build with ng2-smart-table library. Documentation is in: https://akveo.github.io/ng2-smart-table/#/documentation
- The data for our smart table example is in
src/assets/data/smart_table.json
and is consumed through the TableDataService. - Definition for the table columns is in
src/app/tables/services/table-data.service.ts
- We created two different tables so you can use the one that fits you better for your needs: with custom filters and with local and simple filters.
- Configurations for the smart tables are in
src/app/tables/pages/smart/smart-tables.component.ts
This table has the following features:
- Pagination and Results per page
- Order by column
- Search by all columns (you can define which columns are included in this search)
- Search by range
- Edit, Delete, Add new cell
This table has the following features:
- Pagination
- Order by column
- Search by each columns
- A column with a dropdown to filter by values
- Edit, Delete, Add new cell
Last modified 3yr ago