Jquery DataTables - Table width is shorter than dataTable_wrapper width

Question

How do I correct the issue with the .dataTables_wrapper width being larger than the actual table data width? (using autowidth for the table data). I am using oTable.fnAdjustColumnSizing(); to resize the columns after the page is loaded. Everything looks fine for the column widths, but the wrapper is still too large.

var oTable = $('.admin_users').dataTable({
        "aaSorting": [[ 0, "desc" ]],
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
      //  "sAjaxSource": 'SQL/dataTable.php',
        "bStateSave": true, //Use a cookie to save current display of items
        "aoColumns": [
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            { "sType": "date", "sClass":"center" }
        ]

    });
    oTable.fnAdjustColumnSizing();

can u show us the datatables config ? – Ricardo Binns Nov 04 '11 at 19:24 — Ricardo Binns, Nov 04 '11 at 19:24
Just added the config code above. Thanks for looking – JimmyJammed Nov 04 '11 at 19:28 — JimmyJammed, Nov 04 '11 at 19:28
try setting this option: `"bScrollCollapse": true` – Ricardo Binns Nov 04 '11 at 19:29 — Ricardo Binns, Nov 04 '11 at 19:29
try this? "sScrollX": "100%", "sScrollXInner": "100%" – shennyL Nov 04 '11 at 22:36 — shennyL, Nov 04 '11 at 22:36
That worked! Not sure why, but hey it works. Thanks! – JimmyJammed Nov 07 '11 at 21:12 — JimmyJammed, Nov 07 '11 at 21:12

score 1 · Accepted Answer · answered Nov 08 '11 at 00:17

1

Found the solution: Add this to the table initilization

"fnInitComplete": function() {
                oTable.fnAdjustColumnSizing();
         }

answered Nov 08 '11 at 00:17

JimmyJammed

9,598
19
79
146

Jquery DataTables - Table width is shorter than dataTable_wrapper width

1 Answers1

Linked