js page click

•  DataTables
•  Editor

Your account: Login / Register

• Examples
• Manual
• Reference
  • Options
  • API
  • Events
  • Buttons
  • Types
• Extensions
• Plug-ins
• Blog
• Forums
• Support
• FAQs
• Download
• Purchase

page

Since: DataTables 1.10

Page change event - fired when the table's paging is updated.

Description

The page event is fired the table's paging state changes. This can be the end user selecting the page to view or the page length from the built-in controls, or when the page state is altered by the API (page()).

Note that the page will be fired before the table has been redrawn with the updated data.

Please note that, as with all DataTables emitted events, this event is triggered with the dt namespace. As such, to listen for this event, you must also use the dt namespace by simply appending .dt to your event name, as shown in the example below.

Type

function function( e, settings )

Parameters:

	Name	Type	Optional
1	e	object	No
	jQuery event object
2	settings	DataTables.Settings	No
	DataTables settings object

Example

Show information about the current page using the API:

Javascript

1 2 3 4 5 6

var table = $('#example').DataTable();   $('#example').on( 'page.dt', function () {     var info = table.page.info();     $('#pageInfo').html( 'Showing page: '+info.page+' of '+info.pages ); } );

Related

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

API

• page()
• page.info()
• page.len()

Events

• length

Options

• paging
• pagingType

 

Comments (0)

No comments posted for this page yet. Be the first to contribute!

Post new comment

Contributions in the form of tips, code snippets and suggestions for the above material are very welcome. To post a comment, please use the form below. Text is formatted by Markdown.

To post comments, please sign in to your DataTables account, or register:

• Sign in
• Register

Any questions posted here will be deleted without being published.
Please post questions in the Forums. Comments are moderated.

• Top
• Description
• Type
• Example
• Related
• Comments (0)

DataTables designed and created by SpryMedia Ltd © 2007-2016. MIT licensed. Our Supporters
SpryMedia Ltd is registered in Scotland, company no. SC456502.