layui 表头添加提示

先上效果图吧,省的浪费大家的时间不好:
layui 表头添加提示_第1张图片

表格内容应该这么写:

在这里插入图片描述
代码:

{ field: 'levelTwoId', title: `采集字段`, minWidth: 80, hide: true, align: "center" },

若内容太长,则需要换行,css:

    .layui-layer-tips {
        width: 40% !important;
        word-break: break-all;
    }

然后需要给这个表格添加鼠标移入移出事件,鼠标移入事件是mouseenter,移出事件mouseout,
知道这些就好写了:

    $(document).on('mouseenter', '.analyseTips', function ()
    {
        var tp= $(".analyseTips").attr("lay-tips");
        this.index = layer.tips('
' + tp+ '
', this, { time: -1 , maxWidth: 260 , tips: [3, '#3A3D49'] }); }).on('mouseout','.analyseTips', function () { layer.close(this.index); });

你可能感兴趣的:(Layui,layui,前端,jquery)