datatables scrollX设置水平滚动无效问题

如下: 设置了水平滚动之后, 页面并没有实现滚动效果
$(document).ready(function() {
    $('#example').dataTable( {
        "scrollX": true
    } );
} );

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