欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery Datatables表頭不對(duì)齊的解決辦法

 更新時(shí)間：2017年11月27日 14:55:42   作者：BugsCode  
這篇文章主要為大家詳細(xì)介紹了jQuery Datatables表頭不對(duì)齊的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

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

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

解決方法

#example{ 
 width: 100% !important; 
}

如果遇到設(shè)有橫向滾動(dòng)條時(shí)，就固定設(shè)置Table寬度

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

收工，這樣就完美解決了?。?/p>

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • js/jquery去掉空格,回車,換行示例代碼

    js/jquery去掉空格,回車,換行示例代碼

    js/jquery去掉空格,回車,換行示例代碼。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2013-11-11
  • JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET

    JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET

    今天下午整理文件上傳的例子，感覺收集到的例子都很不人性話，后來找到一個(gè)還可以的，本來想改成類似于騰訊QQ相冊(cè)那種方式，仔細(xì)看了一下是Flash的, 而且那個(gè)極速上傳插件也不知道用什么做的？問了一下，說是什么cgi. 搞得一頭霧水
    2010-01-01
  • jquery使用append(content)方法注意事項(xiàng)分享

    jquery使用append(content)方法注意事項(xiàng)分享

    append(content)函數(shù)的功能向每個(gè)匹配的元素內(nèi)部追加內(nèi)容，在使用方法上需要引起大家的注意，詳細(xì)看下面示例
    2014-01-01
  • jQuery實(shí)現(xiàn)顏色打字機(jī)的完整代碼

    jQuery實(shí)現(xiàn)顏色打字機(jī)的完整代碼

    這篇文章主要介紹了jQuery實(shí)現(xiàn)顏色打字機(jī)的完整代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-03-03
  • 基于jQuery仿淘寶產(chǎn)品圖片放大鏡代碼分享

    基于jQuery仿淘寶產(chǎn)品圖片放大鏡代碼分享

    今天給大家分享一款基于jQuery淘寶產(chǎn)品圖片放大鏡代碼，這是一款基于jquery.imagezoom插件實(shí)現(xiàn)的jQuery放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2015-09-09
  • jQuery實(shí)現(xiàn)模糊查詢的方法分析

    jQuery實(shí)現(xiàn)模糊查詢的方法分析

    這篇文章主要介紹了jQuery實(shí)現(xiàn)模糊查詢的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)、節(jié)點(diǎn)遍歷、查詢匹配、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • jquery獲取復(fù)選框的值的簡(jiǎn)單實(shí)例

    jquery獲取復(fù)選框的值的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)硪黄猨query獲取復(fù)選框的值的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-05-05
  • jQuery學(xué)習(xí)筆記 更改jQuery對(duì)象

    jQuery學(xué)習(xí)筆記 更改jQuery對(duì)象

    jQuery提供了一些方法，使流程變?yōu)樯蒵Query對(duì)象A，操作jQuery對(duì)象A；更改為jQuery對(duì)象B，操作jQuery對(duì)象B
    2012-09-09
  • jQuery滾動(dòng)新聞實(shí)現(xiàn)代碼

    jQuery滾動(dòng)新聞實(shí)現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了jQuery滾動(dòng)新聞實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-06-06
  • 基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果功能實(shí)現(xiàn)

    基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果功能實(shí)現(xiàn)

    這篇文章主要介紹了基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果,下拉聯(lián)動(dòng)是基于query的一款聯(lián)動(dòng)下拉菜單插件 jquery-cxselect實(shí)現(xiàn)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
    2023-02-02

最新評(píng)論