Scroller example Bootstrap 4

This example shows DataTables and the Scroller extension being used with Bootstrap 4 providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 4 page.

The Javascript shown below is used to initialise the table shown in this example:

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
    $('#example').DataTable( {
        ajax:           "../data/2500.txt",
        deferRender:    true,
        scrollY:        200,
        scrollCollapse: true,
        scroller:       true
    } );
} );

In addition to the above code, the following Javascript library files are loaded for use in this example: