Rows on page filter at the top and bottom of the tables are not in Sync

mariuszfoltak / angular2-datatable

DataTable - Simple table component with sorting and pagination for Angular2

202 stars 182 forks source link

Rows on page filter at the top and bottom of the tables are not in Sync #122

Open bskohli1 opened 7 years ago

bskohli1 commented 7 years ago

Hi,

When you update the number of rows to show from the bottom filter from 5 to 10. It should update the selected value in the top filter to 10 but it doesn't change. Please see attached screenshot.

bug

icefire1 commented 6 years ago

Did you figure this one out?

bskohli1 commented 6 years ago

Yeah, In .html file add the following- <mfBootstrapPaginator [rowsOnPageSet]="[5,10,15]" (click)="changeRowsOnPage();">

In .ts file add the following-

Method to change the rows on the page (pagination) issue fix */ @ViewChild(DataTable) resultTable: DataTable; changeRowsOnPage() { this.rowsOnPage = this.resultTable.rowsOnPage; }

icefire1 commented 6 years ago

Nice and simple - I'll try this. Thanks for getting back