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

我使用jQueryDataTable在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不会更改任何内容。更改SSCROLLXINER会扭曲表格

下面是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;">

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

有人能帮忙吗

---

Thanx

我不确定这是否会对这种情况有所帮助。只是一个疯狂的想法，为什么不尝试添加css属性overflow-x:scroll