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

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

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

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

效果如下

解決辦法就是給圖標加定位，過長的時候加上

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

相關(guān)文章

最新評論