ngx-material-data-table

This class enables you to create functional tables quickly based on @angular/material/table without the need to write a lot of boilerplate code. It includes the following features:

• Observable based data source
• Extendable config based on page, pageSize and optional orderBy
• Live persistance of table config in a query param
• Restoring of table config based on query param
• Clean component, just pass all options in the constructor
• Optional select column that works across pages via <mdt-selection-cell>
• Reuse Angular lifecycle hooks via NgxMaterialDataTableHooks

Demo

Run it yourself

1. npm i
2. npm start
3. Open http://localhost:4200

Installation

1. Make sure you have installed all peer dependencies and that you have a working Angular Material Setup before using this component.
2. npm i -E ngx-material-data-table
3. Integrate the library in your project as in the demo

Contributing

Contributions via issues or Pull Requests are welcome!

When making commits, please follow the commit message guidelines from conventionalcommits.org. This makes it easy to auto-generate a changelog.

Have a look at previous commits in this repo for examples.

Publishing

To make a new version:

• npx standard-version --dry-run (use appropriate options for the desired release and remove dry run)
• git push --follow-tags origin master
• npm run build
• npm publish --access public