Skip to main content

display

To configure the display options of the Paginator.js instance

  • optional
  • Type: boolean

display option has the following properties:

NameDescriptionType
showPrevious optionalDisplay the previous buttonboolean
showNext optionalDisplay the next buttonboolean
showPageNumbers optionalDisplay page number buttonsboolean
hideFirstOnEllipsisShow optionalTo hide the first page number button when ellipsis showedboolean
hideLastOnEllipsisShow optionalTo hide the last page number when ellipsis showedboolean
autoHidePrevious optionalTo hide the previous button when current page number is the firstboolean
autoHideNext optionalTo hide the next button when current page number is the lastboolean
new Paginator({
data: [
['John', 'john@example.com', '(353) 01 222 3333'],
['Mark', 'mark@gmail.com', '(01) 22 888 4444'],
['Eoin', 'eo3n@yahoo.com', '(05) 10 878 5554'],
['Nisen', 'nis900@gmail.com', '313 333 1923'],
],
display: {
showPrevious: true,
showNext: true,
showPageNumbers: true,
hideFirstOnEllipsisShow: false,
hideLastOnEllipsisShow: false,
autoHidePrevious: false,
autoHideNext: false
},
});