JQuery Datatable Responsiveness Issue with Fixed Column

Question

When I use fixed column in JQuery Datatable it doesn't work properly if I resize the window.

If I remove scrollX from options, it appears just fine however fixedColumn feature doesn't work then.

See my options below:

$(document).ready(function() {
    $('#example').DataTable( {
        scrollY:        300,
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   true,

    } );
} );

Link To Jsfiddle

Answer 1

Just Add width="100%" in your table tag.

It should be working by doing this.