Datatables 헤더가 정렬되지 않은 경우 수행할 작업

이 장에서는 jQuery Datatables 헤더의 잘못된 정렬에 대한 솔루션을 알려 드리겠습니다. Datatables를 사용할 때 이러한 상황이 자주 발생합니다. 즉, 브라우저나 HTML에서 요소의 크기나 해상도가 변경된 후 제목이 잘못 정렬됩니다. 이러한 상황은 Datatables 프레임워크에서 serverSide가 사용되기 때문에 발생합니다. : true, // 서버는 테이블 태그에 style="width:**px;" 속성을 추가하는 데이터 속성을 쿼리하므로 크기가 변경되면 제목이 잘못 정렬됩니다.

<table id="example" class="table table-border table-bordered table-bg table-hover table-sort"> 
 <thead> 
  <tr class="text-c"> 
   <th width="25"> 
    <input type="checkbox" name="checkAll" class="checkall" onclick="checkedClean();"> 
   </th> 
   <th width="100">名称</th> 
   <th width="100">说明</th> 
   <th width="100">类型</th> 
   <th width="60">是否默认</th> 
   <th width="20">状态</th> 
   <th width="100"></th> 
 </thead> 
 <tbody> 
 </tbody> 
</table>

솔루션

#example{ 
 width: 100% !important; 
}

가로 스크롤 막대가 나타나면 표 너비를 설정하세요.

#example{ 
 width: ***px !important; 
}

이것이 완벽한 솔루션입니다.

위 내용은 jQuery Datatables 헤더 정렬 문제에 대한 솔루션입니다. 모든 사람에게 도움이 되기를 바랍니다.

관련 권장 사항:

PHPExcel에서 헤더를 고정하고 잠그는 방법 소개

HTML5의 테이블 테이블에서 슬래시 헤더 효과를 얻는 5가지 방법

헤더 정렬에 대한 추천 기사 5개

위 내용은 Datatables 헤더가 정렬되지 않은 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!