MDB-Table-Pagination

Dear Karthiga,

This problem will be resolved with the next release of MDB Angular.

Until now, as a workaround, please try set manually the value of lastVisibleItemIndex and lastItemIndex to your desired value from your component.ts file.

This could be done in the ngAfterViewInit hook:

this.mdbPagination.lastVisibleItemIndex = 5;
this.mdbPagination.lastItemIndex = 5;

Best Regards,

Damian

Hi Damian

Thanks for the reply. We tired implementing below bit still pagination is not clickablengAfterViewInit() { this.mdbTablePagination.setMaxVisibleItemsNumberTo(3); this.mdbTablePagination.lastVisibleItemIndex = 3; this.mdbTablePagination.lastItemIndex = 3;

this.firstItemIndex = this.mdbTablePagination.firstItemIndex;
this.lastItemIndex = this.mdbTablePagination.lastItemIndex;

this.mdbTablePagination.calculateFirstItemIndex();
this.mdbTablePagination.calculateLastItemIndex();
this.cdRef.detectChanges();

}

Dear Karthiga,

Please try to add the [searchDataSource]="your-data-array" input to the mdb-table-pagination component, and check if this resolves your problem.

If not, you have to wait until next Monday for the next version of the MDB Angular, where this problem is resolved.

Best Regards,

Damian