MdbTablePaginationComponent


Topic: MdbTablePaginationComponent

stokkup2313 pro premium priority asked 2 weeks ago

Hello! I've gone through several support threads on server-side pagination & I've ran into an issue with how pagination counts are showing in the UI. I removed the [pagination] input on the mdbTable directive in order to use [total] to set a value dynamically from the backend.

*_Expected behavior_*I removed the [pagination] input on the mdbTable directive in order to use [total] to set a value dynamically from the backend. see how I set it up in my code below:

<mdb-table-pagination
[entries]="limit"
 [entriesOptions]="[5, 10, 50, 100]"
 [total]="totalCount"
 (paginationChange)="onPageChange($event)"
 ></mdb-table-pagination>

I'm setting [entries]="limit" and limit is:

  @Input() limit: number;

Actual behavior

see pics before and after when I paginate once:

before:before pagination

after:after pagination

im expecting the pagination count to read as "11-20" in this case, but it reading as "11-1010"

Any suggests on how I can handle that programmatically or if i'm doing something wrong?

Resources (screenshots, code snippets etc.)

Here's a video demo of my issue for more context: https://www.loom.com/share/09f163da4ebe436594f4d1a52af7f528?sid=dfc9618c-a99f-4775-a00e-cb54df79e166


stokkup2313 pro premium priority commented 2 weeks ago

Hello! Following up on this please! looking for a solution today


Arkadiusz Idzikowski staff commented 2 weeks ago

It is very strange bug and we could not reproduce it on our end. Could you please provide more information about the values that you assign to the entries and total inputs?

Can you try to replicate this problem in a simplified example in a new Angular app (just to exclude any external factors)?


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 5.2.0
  • Device: Mac
  • Browser: Chrome
  • OS: Sonoma 14.4.1
  • Provided sample code: No
  • Provided link: Yes