如何解決layui數據表格排序圖標被超出的表頭擠出去的問題
小編給大家分享一下如何解決layui數據表格排序圖標被超出的表頭擠出去的問題,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
為吉安等地區用戶提供了全套網頁設計制作服務,及吉安網站建設行業解決方案。主營業務為成都網站建設、做網站、吉安網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
效果如下
解決辦法就是給圖標加定位,過長的時候加上
.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數據表格排序圖標被超出的表頭擠出去的問題”有了一定的了解,如果想了解更多相關知識,歡迎關注創新互聯行業資訊頻道,感謝各位的閱讀!
本文標題:如何解決layui數據表格排序圖標被超出的表頭擠出去的問題
文章轉載:http://www.xueling.net.cn/article/jspsge.html