数据表会根据数据阻止列的自动调整

Question

基于此代码

var table = $('#tbl-sample').DataTable( {
    "destroy": true,
    "aaSorting" : [],
    "searching" : false
});

这个在我的html表上创建一个数据表外观问题是它通过使列适合基于标题甚至数据来覆盖100％宽度的html样式我该如何防止它？我尝试了这个，但它不起作用

"autoWidth": false

这是我的表

<table id = "tbl-sample" name = "tbl-sample" class="table table-hover cell-border tablefont">
  <thead>
    <tr>
      <th bgcolor="#bccad6">Time In</th>
      <th bgcolor="#bccad6">Time Out</th>
      <th bgcolor="#bccad6">Expense</th>
      <th bgcolor="#bccad6">Remarks</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
  <tfoot>
    <th colspan="4" bgcolor="#bccad6"></th>
  </tfoot>
</table>