2016-11-25 87 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脚本,并显示该错误是什么:) –