datatables scrollX設置水平滾動無效問題

如下:設置了水平滾動之后, 頁面並沒有滾動效果
$(document).ready(function() {
    $('#example').dataTable( {
        "scrollX": true
    } );
} );

其實滾動效果,還要加入css樣式 th, td { white-space: nowrap; }，使文字內容在一行里 才可以實現

<table id="dataTable" class="table table-bordered table-hover" style="white-space: nowrap; ">

效果如下:

吶, 這樣就有水平滾動條啦~

--圖片不好看, 只有一條數據,哈哈哈哈