データベース列幅の関数は

Question

に動作していない私は、応答性のDataTableの

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

で固定列幅https://datatables.net/reference/option/columns.widthをアーカイブしようとしていますが、列のテキストは次のように（「幅」で指定したよりもおろし金であれば「20％」 ）それは自動的に列幅のサイズを変更します。 列幅内に収まるように制限するにはどうすればよいでしょうか？

Answer 1

データシートwidth: 100% !important;word-wrap: break-word;にこのcssを追加してください。それはあなたのために働くでしょう。

<script> 

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

</script> 

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

例えば

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