宝哥软件园

解决layui数据表排序图标被超出表头挤压的问题

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

如果标题太长,显示屏外会有三个椭圆,然后排序图标会被挤出,看不到。

效果如下

解决方法是定位图标,当它太长时添加它

。show-sort { position : absolute;right: 7pxtop: 5px} $('.layui-table-header tr th ')。每个(函数(I,ths){ $(this))。查找(' span:first ')。attr('title ',$(this)。查找(' span:first ')。text());//显示if ($ (this)。查找(' span:first ')。width () $ (this)。查找('。layui-table-cell’)。width ()) {$ (this)。find ('span:fast ')。addclass(。否则{$(这个)。查找(' span : last ')。removeclass ('show-sort')}})具有以下修改后的效果

以上文章解决了layui数据表排序图标从表头被挤出的问题,是边肖与大家分享的全部内容。希望能给大家一个参考,多支持我们。

更多资讯
游戏推荐
更多+