无法设置jQuery dataTable第一列的宽度

Question

我的项目中的jQuery dataTable的第一列添加了一个复选框，为用户提供了一个多选功能。然而，它的宽度是不受控制的，当全屏时我太大了，我只想要它总是以45px显示。我试图在jQuery和css中修复它，但都失败了。

我的尝试：

{{1}}

任何想法？

Answer 1

在js中试试这个：

$('#datatable').dataTable( {
  "columnDefs": [
    { "width": "45px", "targets": 0 }
  ]
} );

或在css中：

#datatable td:nth-child(1)
    {
        width: 45px;
    }

Answer 2

  

有什么想法吗？

是。你不能依赖width;如果其他元素缩小空间或提供比所需更多的空间，则浏览器不一定要保留width。但是，如果您定义min-width，则可以确定默认情况下width设置为该值：

table.dataTable tbody td:first-child {
  min-width: 45px !important;
}