{hero}

pagingType

Since: DataTables 1.10

Pagination button display options.

Description

The pagination option of DataTables will display a pagination control below the table (by default, its position can be changed using dom and CSS) with buttons that the end user can use to navigate the pages of the table. Which buttons are shown in the pagination control are defined by the option given here.

DataTables has six built-in paging button arrangements:

  • numbers - Page number buttons only (1.10.8)
  • simple - 'Previous' and 'Next' buttons only
  • simple_numbers - 'Previous' and 'Next' buttons, plus page numbers
  • full - 'First', 'Previous', 'Next' and 'Last' buttons
  • full_numbers - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers
  • first_last_numbers - 'First' and 'Last' buttons, plus page numbers

Further methods can be added using plug-ins.

Type

This option can be given in the following type(s):

Default

  • Value: simple_numbers

Example

Use the full_numbers type of pagination control:

$('#example').dataTable( {
  "pagingType": "full_numbers"
} );

Related

The following options are directly related and may also be useful in your application development.