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:
after:
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- 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
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
andtotal
inputs?Can you try to replicate this problem in a simplified example in a new Angular app (just to exclude any external factors)?