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.
+