jqueryデータテーブルに水平スクロールバーが表示されない

Question

jquery datatableを使用して、水平および垂直スクロールバーを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 datatableを使用しています。テーブルヘッダーは固定されていて、垂直方向のスクロールは正常に機能しています。水平スクロールが表示されません。

誰でもお手伝いできますか？

ありがとう

Answer 1

私は、これは野生のは、なぜあなたは、CSSプロパティのオーバーフロー-Xを追加してみませんと思ったこのsituation.Justのためにあなたを助けますことを確認していない：スクロール