Class IgxPaginatorComponent

Hierarchy

Index

Constructors

constructor

Properties

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = ...

pageChange

pageChange: EventEmitter<number> = ...

Emitted after the current page is changed.

@example
<igx-paginator (pageChange)="onPageChange($event)"></igx-paginator>
public onPageChange(page: number) {
  this.currentPage = page;
}

paging

paging: EventEmitter<IPageCancellableEventArgs> = ...

Emitted before paging is performed.

@remarks

Returns an object consisting of the current and next pages.

@example
<igx-paginator (paging)="pagingHandler($event)"></igx-paginator>

pagingDone

pagingDone: EventEmitter<IPageEventArgs> = ...

Emitted after paging is performed.

@remarks

Returns an object consisting of the previous and current pages.

@example
<igx-paginator (pagingDone)="pagingDone($event)"></igx-paginator>

perPageChange

perPageChange: EventEmitter<number> = ...

Emitted when perPage property value of the paginator is changed.

@example
<igx-paginator (perPageChange)="onPerPageChange($event)"></igx-paginator>
public onPerPageChange(perPage: number) {
  this.perPage = perPage;
}

totalPages

totalPages: number

Total pages calculated from totalRecords and perPage

Accessors

classComfortable

  • get classComfortable(): boolean

classCompact

  • get classCompact(): boolean

classCosy

  • get classCosy(): boolean

displayDensity

isFirstPage

  • get isFirstPage(): boolean

isFirstPageDisabled

  • get isFirstPageDisabled(): boolean

isLastPage

  • get isLastPage(): boolean

isLastPageDisabled

  • get isLastPageDisabled(): boolean

nativeElement

  • get nativeElement(): any

overlaySettings

page

  • get page(): number
  • set page(value: number): void

perPage

  • get perPage(): number
  • set perPage(value: number): void

resourceStrings

selectOptions

  • get selectOptions(): number[]
  • set selectOptions(value: number[]): void

totalRecords

  • get totalRecords(): number
  • set totalRecords(value: number): void

Methods

nextPage

  • nextPage(): void

ngDoCheck

  • ngDoCheck(): void

paginate

  • paginate(val: number): void

previousPage

  • previousPage(): void