General purpose data table component based on @angular/material and @angular/cdk.
This table component is designed to provide the features that cover most uses of displaying a flexible table in an Angular app.
npm install --save inevitable @angular/material @angular/cdk hammerjs
- Add an Angular Material Theme to your projects styles.css e.g.
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
- Data source can be a
YourDataType[]
orObservable<YourDataType[]>
- Events for row click, hover, selection change
- Ability for the user to re-order columns via Drag n Drop
- Column filters
- Ability to persist settings, filters, sort etc.,
- Implement event emitters
- Rich filter expression language
- Custom cell renderer via user function
- User data cell updates
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.