Add support for pagination, sorting and filtering

[yatharthranjan]

Adds support for Client side pagination, sorting and filtering.

NOTE: For better performance this should be implemented in the future in backend. #17

• Closes #14
• Closes #12
• Adds pagination, sorting and filtering using mat-table, mat-paginator and mat-form-field
• One form for filtering for any column in the table
• Adds material theme

Here is a gif of how it looks -

[nivemaham]

Nice work. Although I prefer to have the pagination supported from back-end as well. Pagination with Spring is fairly straight forward. Could you take that up @yatharthranjan

[yatharthranjan]

@blootsvoets No updated needed for package.json.

@nivemaham I looked into it when I started implementing this and I think it will require some work and probably for another PR. As it will involve adding all the 3 (pagination, sorting and filtering) from the backend and then also creating custom datasources in the frontend as MatTableDataSource only supports client side pagination, sorting and filtering. For the front end part, see this post for an example -- https://blog.angular-university.io/angular-material-data-table/ I will create an issue for this and maybe try to do it another PR but this should be sufficient for now with the number of rows we have

[yatharthranjan]

Hi Guys can we proceed with this please ? I have created issue for server side support #17

[yatharthranjan]

Yes that is because I ran npm update and caused updated versions in package-lock.json for dependencies with Caret ^ and Tilde ~ in package.json.