How can I set pageIndex of paginator and it can update itself?

Bug, feature request, or proposal:

proposal

What is the expected behavior?

For example. When the paginator display 11-20 of 400 , I want to set the pageIndex to initial state. And after that, I want paginator display 1-10 of 400.

What is the current behavior?

First page is 0 and current page is 1, the paginator view display 11-20 of 400.

I set the pageIndex to initial state like this:

this.paginator.pageIndex = 0;

But the view of paginator not update. Still display 11-20 of 400.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"@angular/core": "^4.3.1", "@angular/material": "^2.0.0-beta.8",

[maskalek]

MatPaginator contains method to move to the first page.

this.paginator.firstPage()

[srokatonie]

Full solution:

You need to declare paginator dom element as variable using #paginator

<!-- my.component.html -->
<mat-paginator #paginator></mat-paginator>

Then set every time you need to set pageIndex:

//my.component.ts
this.paginator._pageIndex = 0;