layui数据表格排序图标被超出的表头挤出去的

那么，如何解决这一问题呢？长沙网络推广给出的解决方案是给排序图标加定位。当表头内容过长时，通过CSS定位，将排序图标固定在适当的位置。

具体的CSS样式如下：

```css

.show-sort{

position: absolute;

right: 7px;

top: 5px;

}

```

而在JavaScript中的处理逻辑如下：

```javascript

$('.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'); // 不长时移除定位样式

}

});

```

通过以上的处理，当表头内容过长时，排序图标会被正确地固定在表头旁，不会被挤出去，从而保证了用户能够正常使用排序功能。

修改后的效果展示（此处应有图片展示修改后的效果）。