Scroller is a plug-in for DataTables which enhances DataTables' built-in scrolling features to allow + large amounts of data to be rendered on page very quickly. This is done by Scroller through the use of + a virtual rendering technique that will render only the part of the table that is actually required for + the current view.
+ +Note that Scroller assumes that all rows are of the same height (in order to preform the required
+ calculations. You can use td { white-space: nowrap; } in your CSS to ensure that text in
+ rows does not wrap.
This example shows how Scroller for DataTables can be initialised by simply including the character
+ S in sDom (note that the S must come after the t in sDom).
+ Deferred rendering an and Ajax data source are also used in this example.
| 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
+ } );
+} );
+
+ 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.
+