【高级】LayUI超出提示Tip,统一处理部分

LayUI超出提示Tip,统一处理部分

显示效果:

在这里插入图片描述
【高级】LayUI超出提示Tip,统一处理部分_第1张图片

代码
$(".layui-table td>div").on({
                                mouseover : function(){
                                    if (this.offsetWidth < this.scrollWidth) {
                                        var that = this;
                                        var text = $(this).text();
                                        window.layer.tips(text, that, {
                                            tips: 1, time: 0
                                        });
                                    }
                                } ,
                                mouseout : function(){
                                    layer.closeAll('tips');
                                }
                            })

如果不喜欢那个倒三角符号,可以设置

位置LayUI模块系列文件:table.js
【高级】LayUI超出提示Tip,统一处理部分_第2张图片
代码部分

 //单元格展开图标
        var ELEM_GRID = 'layui-table-grid', ELEM_GRID_DOWN = 'layui-table-grid-down', ELEM_GRID_PANEL = 'layui-table-grid-panel'
            , gridExpand = function (hide) {
            var othis = $(this)
                , elemCell = othis.children(ELEM_CELL);
            if (othis.data('off')) return; //不触发事件
            return
            if (hide) {
                othis.find('.layui-table-grid-down').remove();
            } else if (elemCell.prop('scrollWidth') > elemCell.outerWidth()) {
                if (elemCell.find('.' + ELEM_GRID_DOWN)[0]) return;
                othis.append('
+ ELEM_GRID_DOWN + '">
'
); } };

你可能感兴趣的:(LayUI)