Search by

datatables.net / datatables.net-staterestore

DataTables

StateRestore for DataTables

Package info

github.com/DataTables/Dist-DataTables-StateRestore

Homepage

Forum

Language:JavaScript

pkg:composer/datatables.net/datatables.net-staterestore

Statistics

Installs: 3 017

Dependents: 8

Suggesters: 0

Stars: 0

Open Issues: 0

2.0.1 2026-09-16 10:05 UTC

This package is auto-updated.

Last update: 2026-09-16 15:51:18 UTC


README

StateRestore is a state management UI for DataTables. It allows users to create multiple table states which can be saved and then reloaded at any time. This is particularly useful for complex tables where specific views are common and the user might wish to toggle between states.

States can be saved locally, or for a more permanent part of your table's features, to a remote database via Ajax, which also provides the ability for users to share states.

Features

StateRestore provides the following features to enhance a DataTable:

  • Two state management interfaces to suit your needs:
    • Table based
    • Dropdown list based
  • Default state for when a table is loaded
  • First class Ajax storage
  • Optional sharing of states
  • Customisation of which table settings are saved
  • Comprehensive API
  • Full support in our server-side libraries

And more! As with all DataTables extensions it can of course have all language strings localised, has complete documentation, and has styling integration with all of the DataTables supported styling libraries (e.g. Bootstrap, Bulma, Fomantic UI and others).

Installation

The easiest way to install any extension for for DataTables, including StateRestore, is with the download builder. With the download builder, you select the styling and aspects of DataTables suite that you want, and it will generate the packages / install commands for you to use.

The download builder includes options for direct loading with script and link tags, details for using a package manager such as npm and NuGet, or a download option if you wish to have the files locally.

Basic Usage

In its most simple case, you can enable StateRestore by simply setting stateRestore: true as an option in the DataTables initialisation.

new DataTable('#example', {
	layout: {
		topStart: {
			buttons: ['stateCreate', 'statesList', 'pageLength']
		}
	},
	stateRestore: true
});

Note that you will typically use one of statesList or statesTable in the buttons array with the Buttons extension, as these define the UI that the end user will interact with. stateCreate is another common StateRestore button to use at the top level. This and the list view are used in the example above.

Documentation / Support

License

This software is released under the DataTables Plus License. To use the software a license key must be applied - see DataTables Plus.