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; 
    } 

Answer 2

任意のアイデアを？

はい。あなたはwidthに頼ることはできません。ブラウザは、他の要素がスペースを縮小したり、必要以上の余裕を与えている場合は、必ずwidthを保存する気にはなりません。もしmin-widthを定義する場合は、その後はwidthはデフォルトでその値に設定されていることが確実である：{：「45px」、「ターゲット」：「幅」0}

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