FixedColumns example Bootstrap 4

This example shows DataTables and the FixedColumns 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() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   true
    } );
} );

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