jQuery Datatables 헤더 정렬 문제에 대한 솔루션

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

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

Solution

#example{ 
 width: 100% !important; 
}

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

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

이제 그만하세요. 완벽한 솔루션입니다! !

관련 권장 사항:

jquery 플러그인 데이터 테이블 속성 소개 및 페이징 및 정렬 예제 생성에 대한 자세한 설명

jQuery 데이터 테이블이란 무엇입니까? 데이터 테이블을 사용하는 방법?

jquery+php는 데이터 테이블 플러그인 데이터를 Excel로 내보내는 방법을 구현합니다. jquerydatatables_PHP 튜토리얼

위 내용은 jQuery Datatables 헤더 정렬 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!