datatables header not aligned with columns and strange gray babershop-like image

davidzornosa

I cannot figure out the way to solve this. Ive tried adding "table-layout:fixed" but it no longer works in dt's current version.

var config = {
        "bFilter": false,           
        "bInfo": false,
        "bPaginate": true,
         "scrollY": 200,
         "table-layout":fixed,
        "data": dataoMine, 
        "bAutoWidth": false,
        "columns": columns,
        "scroller": true,
        "language": {
            "emptyTable": "empty data"
        }, 
        "columnDefs": [
            {"className": "dt-center", "targets": "_all"}
        ]       
    };

Ive tried the table.fnAdjustColumnSizing(); thing also to no avail.

Thanks

Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

lesalgado47

I have seen that when Datatables is loading. For example if you use table rendering Scroller , you will see that same look when there is a lag in rendering. Are you using Server side processing?

allan

We'd really need a test case to be able to debug and understand what is going wrong here. If you post a link to the page I'd be happy to have a look at it.

Allan