jquery datatable没有完全占用宽度

Question

您好我正在使用在页面中对齐的Jquery数据表（内部使用bootstrap css）。生成的数据表不完全占据页面的整个宽度。 我正在使用的Html代码如下。

<table class="table table-hover table-nomargin table-striped table-bordered dataTable dataTable-scroll-x">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

使用此Jsfiddle用户可以拖动列以查看其分离的：http://jsfiddle.net/rhkvhcnb/1/

Answer 1

  

<强>解

• 删除autoWidth: false
• 将width="100%"属性添加到<table>（jQuery DataTables中可能存在宽度计算错误，我不得不使用width="99.9%"代替表格边框）

  

<强>样本

请参阅this jsFiddle以获取代码和演示。