Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Interface IIgrPaginatorProps

Hierarchy

Hierarchy

Properties

Properties

Optional children

children?: ReactNode

Optional className

className?: string

Optional displayDensity

displayDensity?: string | DisplayDensity

Returns the theme of the component. The default theme is comfortable. Available options are comfortable, cosy, compact.

let componentTheme = this.component.displayDensity;

Optional id

id?: string

Optional name

name?: string

Optional onDensityChanged

onDensityChanged?: ((s, e) => void)

Type declaration

Optional overlaySettings

overlaySettings?: IgrOverlaySettings

Optional page

page?: string | number

An

Input

property, sets current page of the IgxPaginatorComponent. The default is 0.

let page = this.paginator.page;

Memberof

IgxPaginatorComponent

Optional pageChange

pageChange?: ((s, e) => void)

Type declaration

    • (s, e): void

    • Parameters

      Returns void

Optional paging

paging?: ((s, e) => void)

Type declaration

Optional pagingDone

pagingDone?: ((s, e) => void)

Type declaration

Optional perPage

perPage?: string | number

An

Input

property, sets number of visible items per page in the IgxPaginatorComponent. The default is 15.

let itemsPerPage = this.paginator.perPage;

Memberof

IgxPaginatorComponent

Optional perPageChange

perPageChange?: ((s, e) => void)

Type declaration

    • (s, e): void

    • Parameters

      Returns void

Optional resourceStrings

resourceStrings?: IgrPaginatorResourceStrings

An accessor that sets the resource strings. By default it uses EN resources.

Optional selectOptions

selectOptions?: number[]

An

Input

property that sets custom options in the select of the paginator

let options = this.paginator.selectOptions;

Memberof

IgxPaginatorComponent

Optional style

style?: CSSProperties

Optional totalPages

totalPages?: string | number

Total pages calculated from totalRecords and perPage

Optional totalRecords

totalRecords?: string | number

An

Input

property that sets the total records.

let totalRecords = this.paginator.totalRecords;

Memberof

IgxPaginatorComponent