使用“sScrollY”时数据表表头和列数据未对齐

当我使用“sScrollY”时，我的表头出现未对齐的问题。仅当我通过单击其中一个标题对某一列进行排序后，标题才会自行重新对齐。

Misaligned.

Corrected only After I click on a sort header.

我的设置：

oTable = $('#userslist').dataTable({
    "bJQueryUI": true,
    "bRetrieve": true,
    "sScrollY": "150px",
    "bAutoWidth" : true,
    "bPaginate": false,
    "sScrollX": "100%",
    "sScrollXInner": "100%",
    "sPaginationType": "full_numbers",
    "bAutoWidth": false,
    "sDom": '<"H"lfr>t<"F"<"useraccountbtn">>',
    "aaData": datan,
     "aoColumns": [
          { "mDataProp": "uid"},
          { "mDataProp": "fn" },
          { "mDataProp": "un" },
          { "mDataProp": "pw" },
          { "mDataProp": "em" },
          { "mDataProp": "ac" }
        ]
});

我也尝试过fn调整列大小()每个谷歌搜索似乎都在暗示，但它对我没有任何作用。

我已经这样解决了；

用 div 包裹表格并

CSS

 overflow:auto;
 height: 400px;
 position:relative;

Remove

• “滚动Y”
• “sScrollX”