JavaScript 鼠标移入显示对应的文本，前端技术easyui框架

问题遇到的现象和发生背景

以下是我的例子:
例子2
场景:我把鼠标移入例子2会在例子2的正上方显示一个样式为例子2的详细信息[例子2]。

问题相关代码，请勿粘贴截图

function GetData(){
formatter:function(value,row,index){
            //return "<a href='javascript:void(0)' style='color:black;' name='opera' class='easyui-linkbutton' onclick='edit("+value+','+JSON.stringify(row)+','+index+")'>"+((row.ESTI_STATUS<40)?'修改':'')+"</a>";
            var strLink = "";
            var strName = "查看";
            if (row.ESTI_STATUS == 30) {
                strName = "修改";
            }
            else {
                strName = "查看";
            }
            strLink = "<a href='javascript:void(0)' style='color:black;' name='opera' class='easyui-linkbutton' onclick='edit(" + value + ',' + JSON.stringify(row) + ',' + index + ")'>" + strName + "</a>";
            return strLink;
        },
row1.push({
        field: 'NAME', title: '名称', rowspan: 2, width: 100, align: "left", halign: "center",
        formatter: function (val) { if (val) { return '<span title=' + val + '>' + val + '</span>'; } else { return val; } }
    });
}

运行结果及报错内容

我的解答思路和尝试过的方法

每一列的正下方都加上一句这个:formatter: function (val) { if (val) { return '' + val + ''; } else { return val; } }

我想要达到的结果

想把这个改成通用的，不需要每一列都加一句这个代码，这样不好维护，可读性也不好。

easyui 有提示组件Tooltip。自己封装Tooltip。