This example shows a trivial use of the API methods that Scroller adds to the DataTables API to
- scroll to a row once the table's data has been loaded. In this case
- scroller().scrollToRow() is used to jump to row 1000.
| 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,
- initComplete: function () {
- var api = this.api();
- api.scroller().scrollToRow( 1000 );
- }
- } );
-} );
-
- 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.
-