Responsive example Vertical scrolling

This example shows Responsive in use with the scrollYDT option to present a scrolling table (instead of using paging as the other Responsive examples do). Responsive will automatically work with the table in such a configuration.

Responsive can be used with scrollXDT, however it is relatively pointless as Responsive will remove columns to ensure that there is no horizontal scrolling!

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

Javascript
1
2
3
4
5
6
7
8
$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY: 300,
        paging: false
    } );
 
    new $.fn.dataTable.Responsive( table );
} );

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

Other examples

Basic initialisation

Styling

Display control

Child rows

Please refer to the DataTables documentation for full information about its API properties and methods.
Additionally, there are a wide range of extras and plug-ins which extend the capabilities of DataTables.

DataTables designed and created by SpryMedia Ltd © 2007-2015
DataTables is licensed under the MIT license.