水平滚动条未出现在jquery数据表中

Question

我正在使用jquery数据表在html表中添加水平和垂直滚动条。 除了没有出现水平滚动条并且水平内容超出屏幕外，其他所有功能都正常。 我使用以下代码：

jQuery(document).ready(function(){
    var oTable = jQuery('#example').dataTable( {
    "bPaginate": false,
    "bFilter": false,
    "bInfo": false,
    'bSortable': false,
    "aaSorting": [],
    "bAutoWidth": false,
    "sScrollY": "300",
    "sScrollX": "50%",
    "sScrollXInner": "100%",
    "bScrollCollapse": true
    });
    new FixedColumns( oTable );
});

更改sScrollX不会改变任何内容。 更改sScrollXInner会扭曲表格。

下面是div中的表的html代码：

<div id="demo">
   <table id="example" class="display" border="0" width="500px" cellspacing="0"
   cellpadding="10" align="center" style="border: solid 1px #dedfe1;">

我的要求是有一个固定的表头和固定的最左列。 这就是我使用jquery数据表的原因。 表头是固定的，垂直滚动工作正常。 水平滚动没有出现。

有人可以帮忙吗？

感谢名单

Answer 1

我不确定这会帮助你解决这种情况。只是一个疯狂的想法你为什么不尝试添加css属性overflow-x：scroll