Responsive example Disable child rows

By default, when Responsive collapses a table, it will show an option for the end user to expand the row, showing the details of the hidden columns in a child row. This can be disabled using the responsive.detailsR option and setting it to false, as shown in the example below. In this case the hidden data is not directly accessible to the end user.

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

1
2
3
4
5
6
7
$(document).ready(function() {
    $('#example').DataTable( {
        responsive: {
            details: false
        }
    } );
} );

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