Emitted before paging is performed.
Returns an object consisting of the current and next pages.
<igx-paginator (paging)="pagingHandler($event)"></igx-paginator>
Emitted after paging is performed.
Returns an object consisting of the previous and current pages.
<igx-paginator (pagingDone)="pagingDone($event)"></igx-paginator>
Emitted when perPage property value of the paginator is changed.
<igx-paginator (perPageChange)="onPerPageChange($event)"></igx-paginator>
public onPerPageChange(perPage: number) {
this.perPage = perPage;
}
Total pages calculated from totalRecords and perPage
Returns the theme of the component.
The default theme is comfortable.
Available options are comfortable, cosy, compact.
let componentTheme = this.component.displayDensity;
Sets the theme of the component.
Returns if the current page is the first page.
const lastPage = this.paginator.isFirstPage;
Returns if the first pager buttons should be disabled
Returns if the current page is the last page.
const lastPage = this.paginator.isLastPage;
Returns if the last pager buttons should be disabled
An
property that sets custom OverlaySettings.
<igx-paginator [overlaySettings] = "customOverlaySettings"></igx-paginator>
An
property, sets current page of the IgxPaginatorComponent.
The default is 0.
let page = this.paginator.page;
IgxPaginatorComponent
An
property, sets number of visible items per page in the IgxPaginatorComponent.
The default is 15.
let itemsPerPage = this.paginator.perPage;
IgxPaginatorComponent
An accessor that returns the resource strings.
An accessor that sets the resource strings. By default it uses EN resources.
An
property that sets custom options in the select of the paginator
let options = this.paginator.selectOptions;
IgxPaginatorComponent
An
property that sets the total records.
let totalRecords = this.paginator.totalRecords;
IgxPaginatorComponent
Emitted after the current page is changed.
Example