Question

我正在使用jquery数据表，我需要在容器中包含表

现在表格宽度超过容器

我尝试了以下

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>

Answer 1

首先想到的是两件事 - 首先是你在表格可见时调用fnAdjustColumnSizing，你是否有类似表{width：100％}的CSS声明？

Answer 2

创建一个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代码

数据表大小更改

2 个答案: