Could i see source code of angular pagination implemetation?


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

alex737876 pro premium asked 4 days 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 days 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: https://mdbootstrap.com/docs/angular/tables/pagination/


alex737876 pro premium commented 2 days 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 (https://mdbootstrap.com/docs/angular/components/pagination/)?


alex737876 pro premium commented 2 days ago

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


alex737876 pro premium commented 2 days 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 2 days ago

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


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 10.1.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No