Skip to content

Implementation of server side pagination in Angular 11 by creating reusable and generic pagination component without using any third party library

License

Notifications You must be signed in to change notification settings

navanathjadhav/pagination-angular

Repository files navigation

Server side pagination in angular

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.

Stack used

  • Angular
  • Typescript
  • Node.js
  • Bootstrap

Give a Star ⭐

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.

Demo Output

Demo

Outline

  • Pagination supportive API
  • Reusable pagination component
  • Generic pager service for calculating pager data
  • Parent component containing table for consuming pagination component

Share & Care

If you think this project is helpful share it on Twitter

Read More

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.

Development server

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/.

Code scaffolding

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.

Build

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Contribute

You are always welcome to help to make this project more knowledgeable and helpful for other developers.

Just submit a PR.

About

Implementation of server side pagination in Angular 11 by creating reusable and generic pagination component without using any third party library

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published