Skip to content

JavatoDev-com/angular-datatable-with-spring-boot-api

Repository files navigation

Angular Datatable with Pagination Using ag-Grid and REST API

Angular Datatable with Pagination Using ag-Grid and REST API

In this article, I’ll explain how we can build a datatable with angular using ag-Grid. Additionally, the application will consume third party paginated REST API and load the data to the table.

Technologies Going to Use,

  • Angular 10.1.5
  • ag-Grid
  • Angular HttpClient

Main topics I’m going to discuss here,

  • Up and Running Backend REST API
  • Developing Angular JS Project
    • Adding ag-Grid into the Initiated Project
    • API Service to Consume REST API
    • Component To Show ag-Grid Implementation
      • Setting Author Name With Custom String Parser
      • Showing Image On ag-Grid
  • Conclusion

📄 Original Tutorial Angular Datatable with Pagination Using ag-Grid and REST API

Related Articles

AngularJsDatatableWithSpringBootApi

This project was generated with Angular CLI version 11.0.3.

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.

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

About

Angular Datatable with Pagination Using ag-Grid and REST API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published