데이터베이스 열 폭 기능은

Question

내가 반응 datatables

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

고정 열 너비 https://datatables.net/reference/option/columns.width을 보관하려고하지만 열 텍스트가 강판 인 경우처럼 ("폭"로 지정된 것보다하고 작동하지 않습니다) 열 너비를 자동으로 크기 조정합니다. 필자는 어떻게 그것을 열 너비에 맞게 제한하고 줄임표를 사용하여 초과를 잘라낼 수 있습니까?

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

예컨대

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