FixedColumns example Semantic UI

This example shows DataTables and the FixedColumns extension being used with Semantic UI providing the styling. The DataTables / Semantic UI integration provides seamless integration for DataTables to be used in a Semantic UI 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: