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