jQueryDatatables表頭不對齊的解決辦法

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:10:31

jQueryDatatables表頭不對齊的解決辦法

jQueryDatatables表頭不對齊的解決辦法:我們用Datatables經(jīng)常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標(biāo)題就會出現(xiàn)不對齊現(xiàn)象。這種情況是因?yàn)镈atatables框架中使用到serverSide : true,// 服務(wù)器查詢數(shù)據(jù)屬性，它會使Table標(biāo)簽中多一個(gè)style="width

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀jQueryDatatables表頭不對齊的解決辦法:我們用Datatables經(jīng)常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標(biāo)題就會出現(xiàn)不對齊現(xiàn)象。這種情況是因?yàn)镈atatables框架中使用到serverSide : true,// 服務(wù)器查詢數(shù)據(jù)屬性，它會使Table標(biāo)簽中多一個(gè)style="width

我們用Datatables經(jīng)常會遇到這種情況，就是瀏覽器或者HTML里元素改變大小或分辨率后，標(biāo)題就會出現(xiàn)不對齊現(xiàn)象。這種情況是因?yàn)镈atatables框架中使用到serverSide : true,// 服務(wù)器查詢數(shù)據(jù)屬性，它會使Table標(biāo)簽中多一個(gè)style="width:**px;"屬性，這就導(dǎo)致了變化大小時(shí)標(biāo)題對不齊現(xiàn)象。本文我們主要給大家分享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">是否默認(rèn)</th> 
 <th width="20">狀態(tài)</th> 
 <th width="100"></th> 
 </thead> 
 <tbody> 
 </tbody> 
</table>