Topic: Could i see source code of angular pagination implemetation?

alex737876 premium asked 3 years ago

In the demos i found i functioning pagination, but could not find no source code that makes pagination work. Can you provide the one used in the working example from ng-demo?

Arkadiusz Idzikowski staff commented 3 years ago

@alex737876 Do you need a component source code or ready-to-use code that you can copy to your application?

You can find table pagination documentation here:

alex737876 premium commented 3 years ago

Hi @Arkadiusz Idzikowski, i want to add pagination to the lightbox/gallery, to display 3x3 images per site. I did not know about the link you provided and will test it. Is there any ts model template to bring life into the pagination html (

alex737876 premium commented 3 years ago

Hi, just got the pagination working, THX the link helped

alex737876 premium commented 3 years ago

@Arkadiusz Idzikowski one more thing... pagination works by assigning subset of 6 images (of e.g. 20 in total) to the 'modalImages' prop. The issue now is, that when i open one image and swipe/navigate i only can swipe through the subset images. Its not possible to swipe to all 20 images (as designed).Could you Output an event like "openEvent" (similar to the existing "cancelEvent") which i can subscribe to and assign all images to it? ideally the openEvent containst the local "currentImageIndex". so i can calculate the new currentImageIndex (pagesize * pagenumber + currentImageIndex). Likewise the cancelEvent could containt "currentImageIndex" is this possible?

Arkadiusz Idzikowski staff commented 3 years ago

@alex737876 Please edit your first post and add some example code on which we will be able to test that functionality.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No