Datatables表頭不對齊怎么辦

來源：懂視網責編：小采時間：2020-11-27 20:10:56

Datatables表頭不對齊怎么辦

Datatables表頭不對齊怎么辦:本章我們將教大家一種jQuery Datatables表頭不對齊的解決辦法。我們用Datatables經常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標題就會出現不對齊現象。這種情況是因為Datatables框架中使用到serverSide : true,//

推薦度：

點擊下載本文 文檔為doc格式

導讀Datatables表頭不對齊怎么辦:本章我們將教大家一種jQuery Datatables表頭不對齊的解決辦法。我們用Datatables經常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標題就會出現不對齊現象。這種情況是因為Datatables框架中使用到serverSide : true,//

本章我們將教大家一種jQuery Datatables表頭不對齊的解決辦法。我們用Datatables經常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標題就會出現不對齊現象。這種情況是因為Datatables框架中使用到serverSide : true,// 服務器查詢數據屬性，它會使Table標簽中多一個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>

2017112714560717_副本.png