I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior Table footer page number is not resetting after setting the offset

Expected behavior Table footer page number should change after setting the offset

Reproduction of the problem I have implemented the server side paging and sorting in my application. following is the sample markup of my table <ngx-datatable

lntable

            class="material striped"
            [rows]="rows"
            [columnMode]="'flex'"
            [headerHeight]="40"
            [footerHeight]="50"
            [rowHeight]="'auto'"
            [externalPaging]="true"
            [externalSorting]="true"
            [count]="page.totalElements"
            [offset]="page.pageNumber"                                
            [limit]="page.size"
            (page)="setPage($event)"
            (sort)="onSort($event)">                
    <ngx-datatable-column name="Mgr" prop="Mgr" [flexGrow]="1"></ngx-datatable-column>
    <ngx-datatable-column name="Client" prop="Client" [flexGrow]="1"></ngx-datatable-column>        
    <ngx-datatable-column name="Suppress" prop="Suppress" headerClass="ngx-align-center" [cellClass]="getCellClass" [flexGrow]="1"></ngx-datatable-column>      
    <ngx-datatable-column name="Remarks" prop="Remarks" [flexGrow]="2"></ngx-datatable-column>                        
</ngx-datatable>

I have imported the datatable component in my component class as follows

import { DatatableComponent } from '@swimlane/ngx-datatable/src/components/datatable.component';

@ViewChild('lntable') lntable: DatatableComponent;

If the user try to go to another page by clicking on the page number in footer. I am asking a confirmation in the setPage method as follows

setPage(pageInfo){     

    let userChoice = confirm('Do you want to continue?')
    if(userChoiceSort === false){                       
        this.lntable.offset = this.page.pageNumber;                
        return false;
    }       

    this.page.pageNumber = pageInfo.offset;
    this.service.getData(this.page).subscribe(pagedData => {
    this.page = pagedData.page;
    this.rows = pagedData.data;        
    });

}

if user cancel the confirmation, I am setting the offset but on the UI, footer page number shows the clicked page as highlighted.

What is the motivation / use case for changing the behavior? Table footer page number should reset after setting the offset

Please tell us about your environment: Windows

Table version: 9.3.x
Angular version: 4.x.x
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Language: [all | TypeScript 2.2.x | ES6/7 | ES5]

swimlane / ngx-datatable

Table footer page number is not resetting after setting the offset #883

lntable