Question

我正在尝试使用响应式数据表存档固定列宽https://datatables.net/reference/option/columns.width

$('#example').dataTable( {
"columnDefs": [
{ "width": "20%", "targets": 0 }
]
} );

但是如果列文本比使用like（“width”：“20％”）指定的更大，则会自动调整列宽。如何限制它以适应列宽并使用省略号修剪多余？

Answer 1

请将此css添加到数据表width: 100% !important;word-wrap: break-word;，它将适合您。

<script>

     $('#example').dataTable( {
        "columnDefs": [
        { "width": "20%", "targets": [0] }],
           fixedColumns: true
        } );

</script>

.customDataTableLayout {
    width: 100% !important;
    word-wrap: break-word;
}

E.g

 <table class="customDataTableLayout" width="100%">
       <thead>
         <tr>
         <th>ID</th>
         <th>student name</th>
         <th>student Code</th>
         <th>Status</th>
         </tr>
        </thead>
     </table>

数据库列宽函数不起作用

1 个答案: