This project contains generic and reusable pagination component to achieve server side pagination in angular. The pagination component has been created from scratch and does not use any third party pagination library.
- Angular
- Typescript
- Node.js
- Bootstrap
If you liked this project or found it helpful then please give it a star. It will keep motivating me do more work like this! Thanks.
- Pagination supportive API
- Reusable pagination component
- Generic pager service for calculating pager data
- Parent component containing table for consuming pagination component
If you think this project is helpful share it on Twitter
View detailed article on Ever Blogs: Server-side pagination in Angular 11 | Ever Blogs
Please visit Ever Blogs to read interesting blogs on other Technologies.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run npm run server:start for a mock Node.js server API. It will start on http://localhost:4000/.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
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.
You are always welcome to help to make this project more knowledgeable and helpful for other developers.
Just submit a PR.