JS Datatables超出自动添加滚动条

<style type="text/css">

th, td {

white-space: nowrap;

}

</style>

<div class="table-responsive">

<table class="table table-striped m-b-none" id="tbl">

<thead>

<tr>

<th style="" class="text-center">

<label class="i-checks m-b-none">

<input type="checkbox" id="chkAll"><i></i>

</label>

</th>

<th style="" class="text-center">头像</th>

<th style="" class="text-center">姓名</th>

<th style="" class="text-center">联系电话</th>

<th style="" class="text-center">性别</th>

<th style="" class="text-center">创建时间</th>

<th style="" class="text-center">浏览次数</th>

<th style="" class="text-center">认证类型</th>

<th style="" class="text-center">认证状态</th>

<th style="" class="text-center">操作</th>

</tr>

</thead>

<tbody class="text-center">

</tbody>

</table>

</div>

$('#tbl').DataTable({

"ajax" : function (data, callback, settings) {

//封装请求参数

var param = {};

$scope.param.lineNumber = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候

$scope.param.pageNumber = (data.start / data.length)+1;//当前页码

varreturnData = {};

returnData.recordsTotal = 0;//返回数据全部记录

returnData.recordsFiltered = 0;//后台不实现过滤功能，每次查询均视作全部结果

returnData.data = [];//返回的数据列表

$http.post('/hb/UserInfo/getPageList.json', $scope.param).then(function(response){

//$log.info(response.data);

varresultData = response.data;

returnData.recordsTotal = resultData.totalCount;//返回数据全部记录

returnData.recordsFiltered = resultData.totalCount;//后台不实现过滤功能，每次查询均视作全部结果

returnData.data = resultData.result;//返回的数据列表

// $log.info(resultData);

callback(returnData);

}, function(err){

alert("数据加载请求异常");

});

},

"serverSide":true,

"language":$scope.datatables_lang, //提示信息

"renderer": "bootstrap", //渲染样式：Bootstrap和jquery-ui

"pagingType": "full_numbers", //分页样式：simple,simple_numbers,full,full_numbers

"bFilter": true,

"bSort": false,

/*"scrollX": true,*/

"fnInitComplete":function (oSettings, json) {

},

"columns": []

})