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

var table = $('#example').DataTable();

$('#example').on( 'page.dt', function () {

var info = table.page.info();

$('#pageInfo').html( 'Showing page: '+info.page+' of '+info.pages );

} );

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

API

Events

length

Options

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:

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

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

巴特西

js page click