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

Question

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

我的尝试:

//jQuery
$('.dataTable').dataTable( {
  "columnDefs": [
    { "width": "45", "targets": 0 }
  ]
} ); 

//css
.dataTable > thead > tr > th:first-child {
    width: 45px!important;
}

有什么想法吗？

Answer 1

在 js 中试试这个:

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

或在 CSS 中:

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