when I apply scrollX headers disappear.

shammisarma

Why do headers disappear when I apply scrollX .See the DT iniialization in the code below. I am using latest version.
$('#hazardlistTable').dataTable({

        "bAutoWidth": false,
        "scrollX": "100%" ,
        "sScrollXInner": "400%",            
    });

jr42.gordon

"bAutoWidth", latest version is "autoWidth", and "sScrollXInner", not sure this is still used in latest version, are part of legacy. "scrollX" is latest version, but it's legacy version is "sScrollX".

You mention you are using latest version of DataTables. If that is true, then:

1. "scrollX" should be set to true https://datatables.net/reference/option/scrollX

2. Change "bAutoWidth" to "autoWidth" https://datatables.net/reference/option/autoWidth

3. Either remove "sScrollXInner" or figure out what its latest conversion is.