即使视口足够宽，DataTable也会删除最后一列

Question

在下面的示例中，您可以看到DataTables删除/隐藏 Col D ，即使该表格足够宽以容纳它。有选择吗？ 如果不单独确定每列的优先级，可以防止这种情况吗？

HTML

<table class="myDataTable">
    <thead>
        <tr>
            <th>Col A</th>
            <th>Col B</th>
            <th>Col C</th>
            <th>Col D</th>              
        </tr>
    </thead>

    <tbody>         
        <tr>
          <td>Foo 1</td>
          <td>Foo 2</td>
          <td>Foo 3</td>
          <td>Foo 4</td>
        </tr>
    </tbody>        
</table>

JS

<script>
    $(function () {
        $('.myDataTable').DataTable({
            responsive: true
        });
    });
</script>

https://codepen.io/anon/pen/erJVMY

Answer 1

$('.myDataTable').DataTable({
    responsive: false
});

这将解决问题。