datatables 列宽设置

1、首先，在表格的列比较多的时候，可能需要固定表格的宽度，默认值100%宽并不能满足需要。然后在table元素上添加width="100%"，默认的100%宽就能改变窗口大小为100%。

2、然后，进行html代码的输入：<div id="tableArea">

        <table id="userTable" class="display table table-bordered" cellspacing="0" >

            <thead>

            <tr>

                <th style="display: none">ck</th>

                <th>序号</th>

                <th>账号</th>

                <th>姓名</th>

                <th>CPID</th>

                <th>CP名称</th>

                <th>操作</th>

            </tr>

            </thead>

        </table>

</div>

3、覆盖内置的样式时要输入：#tableArea .dataTables_wrapper {    position: relative;    clear: both;    zoom: 1;    overflow-x: auto;}#tableArea table{    width: 800px;}。

4、设置列宽：

"columns": [　　　　{ "data": "number", "orderable": false ,"width":"100px","searchable": false} ]。

5、这里的overflow-x:auto是新增的，表示表格内容超出宽度后，出现横向滚动条；table的width必须写死宽度，直接写在table元素上不生效。

6、两个样式：table td{word-break:break-all;}

和table  {table-layout:fixed；}来进行设置。