LayUI-数据表格字段内容过多无法全部显示，鼠标悬浮显示省略内容问题解决！...-CSDN博客

在使用LayUI开发时遇到数据表格内容过长无法完整显示的问题，原生不支持鼠标悬浮显示全部信息。通过研究LayUI的table.js源码，发现在拼装HTML时缺少title属性。只需在指定函数中添加title属性，并将内容拼接到title中，即可解决这个问题。具体实现代码已在原文中给出。

摘要由CSDN通过智能技术生成

本人使用LayUI开发，发现数据表格内容过多显示不完整时LayUI居然不支持鼠标悬浮显示全部信息，网上也有其他网友有解决方案，不过都是治标不治本，通过研究源码已解决该问题！

1、找到table.js文件；

2、js中找到

M.prototype.renderData = function (e, n, o, r) {}

函数，该函数是用于拼装table使用的。

仔细研究该函数（网友自己去看一下源码）会发现拼装html时根本就没有添加title属性。我们只需要把该属性添加上去再把值拼装到title中即可。

请各位查看绿色带有下划线的代码，加上这一段代码就可以实现了！代码不多解释，我也只是根据他们的逻辑修改的，在深入就看不懂了！惭愧！

M.prototype.renderData = function (e, n, o, r) {
    var c = this, s = c.config, u = e[s.response.dataName] || [], y = [], p = [], m = [], v = function () {
        return !r && c.sortKey ? c.sort(c.sortKey.field, c.sortKey.sort, !0) : (layui.each(u, function (e, a) {
            var l = [], o = [], u = [], h = e + s.limit * (n - 1) + 1;
            0 !== a.length && (r || (a[d.config.indexName] = e), c.eachCols(function (e, n) {
                var r = n.field || e, f = a[r];
                c.getColElem(c.layHeader, r);
                if (void 0 !== f && null !== f || (f = ""), !(n.colspan > 1)) {
                    var y = ['<t