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

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

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

如果表頭過長,會出現(xiàn)超出顯示三個省略號,然后把排序圖標(biāo)擠出去,看不到了,

效果如下

解決辦法就是給圖標(biāo)加定位，過長的時候加上

    .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()); // 劃過顯示
     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)被超出的表頭擠出去的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論