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

解決layui數(shù)據(jù)表格排序圖標(biāo)被超出的表頭擠出去的問(wèn)題

 更新時(shí)間：2019年09月19日 10:31:30   作者：山村碼農(nóng)  
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格排序圖標(biāo)被超出的表頭擠出去的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如果表頭過(guò)長(zhǎng),會(huì)出現(xiàn)超出顯示三個(gè)省略號(hào),然后把排序圖標(biāo)擠出去,看不到了,

效果如下

解決辦法就是給圖標(biāo)加定位，過(guò)長(zhǎng)的時(shí)候加上

    .show-sort{
      position: absolute;
      right: 7px;
      top: 5px;
    }
   $('.layui-table-header tr th').each(function(i,ths){
     $(this).find('span:first').attr('title',$(this).find('span:first').text()); // 劃過(guò)顯示
     if($(this).find('span:first').width() > $(this).find('.layui-table-cell').width()){
       $(this).find('span:last').addClass('show-sort')
     }else{
      $(this).find('span:last').removeClass('show-sort')
     }
   })

修改后效果如下

以上這篇解決layui數(shù)據(jù)表格排序圖標(biāo)被超出的表頭擠出去的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論