Scroller will automatically integrate with DataTables in order to save the scrolling position of the
- table, if state saving is enabled in the DataTable (stateSaveDT). This example shows that in
- practice - to demonstrate, scroll the table and then reload the page.
| ID | -First name | -Last name | -ZIP / Post code | -Country | -
|---|
The Javascript shown below is used to initialise the table shown in this - example:
$(document).ready(function() {
- $('#example').DataTable( {
- ajax: "data/2500.txt",
- deferRender: true,
- dom: "frtiS",
- scrollY: 200,
- scrollCollapse: true,
- stateSave: true
- } );
-} );
-
- In addition to the above code, the following Javascript library files are loaded for use in this - example:
- - -The HTML shown below is the raw HTML table element, before it has been enhanced by - DataTables:
-This example uses a little bit of additional CSS beyond what is loaded from the library - files (below), in order to correctly display the table. The additional CSS used is shown - below:
The following CSS library files are loaded for use in this example to provide the styling of the - table:
- - -This table loads data by Ajax. The latest data that has been loaded is shown below. This data - will update automatically as any additional data is loaded.
-The script used to perform the server-side processing for this table is shown below. Please note - that this is just an example script using PHP. Server-side processing scripts can be written in any - language, using the protocol described in the - DataTables documentation.
-