FixedHeader Needing to Run Off The Page

hickmanjos

I have my Fixed Header being implemented on a rather long table(10 columns) that can't really be compacted down further vertically.

Right now the FixedHeader is stretched(or compacted?) to fit the screen while the data runs off to the right.

I'm trying to get the header to extend out into the right, which I'm hoping will fix the widths of the columns and line everything up nice.

I've added some code that I think/hope may help with my issue.

<table class="table table-bordered" style="white-space: pre-wrap; overflow: auto;" id="reports">

jQuery(document).ready(function() {
        var table = jQuery('#reports').dataTable({
            "bFilter": true,
            "bInfo": false,
            "bPaginate": false
        });
        new jQuery.fn.dataTable.FixedHeader( table );
    });

I've tried using the responsive plugin though it just cuts off whatever parts of the table that can't fit within the browser.

hickmanjos

UPDATE: It looks like it might be an issue with the browser I am/was using. Chrome seems to have no issue with keeping the fixed headers the proper link no matter the table size.