2016-11-25 41 views
0

我使用jQuery的數據表,我需要包含一個容器DataTable的大小變化

表裏面現在表格的寬度exceedthe容器

我嘗試以下

1-設置sWidth選項在table並在columns

3-集bAutoWidth爲false

2-變化dataTables_wrapper

東西的價值工程

我的代碼看起來象

的JS

$scope.dtOptions = DTOptionsBuilder 
        .fromSource('api/fromRest') 


$scope.dtColumns = [ 
        DTColumnBuilder.newColumn('firstCol').withTitle('first') 
..... 

的HTML

<table datatable="ng" dt-options="dtOptions" dt-columns="dtColumns" 
    dt-column-defs="dtColumnDefs"> 
<tfoot> 
<tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 
</tfoot> 
</table> 

回答

0

兩件事情春風來介意 - 首先你是否打電話給AdjustCo lumnSizing時,表是可見的,你有一個像CSS {聲明:100%}的CSS聲明?

+0

我不知道fnAdjustColumnSizing是什麼,如果我有CSS聲明,有沒有辦法覆蓋它的數據表? – Emad

+0

我剛剛發現了什麼fnAdjustColumnSizing,沒有我不使用它。 – Emad

+0

你需要試試這個。更有助於理解我們到底想要什麼!我會很樂意提供幫助! – edocCode

0

創建CSS文件,並設置寬度

HTML結構

<div id="container"> 
<div id="table"></div> 
</div> 

CSS

#table{ 
width: 600px !important; 
} 

替代

<div id="container"> 
<table id="example" class="display" cellspacing="0" width="100%"> 
    </div> 

它將自動設置width到你的container div。如果它不起作用,請告訴我完整的html代碼

+0

請創建一個片段。你可以粘貼你的代碼,添加jQuery腳本,並顯示該錯誤是什麼:) –