Table表格的单元格提示

表格的单元格显示

单元格内容，如果太多显示为省略号
鼠标放在上面，显示里面的全部内容

CSS关键代码

table{
　　table-layout: fixed;
}

td{
　　white-space: nowrap;
　　overflow: hidden;
　　text-overflow: ellipsis;
}

JS关键代码

// 单元格悬停
$("td").on("mouseenter", function () {
    if (this.offsetWidth < this.scrollWidth) {
        var that = this;
        var text = $(this).text();
        layer.tips(text, that, {
            tips: [3, '#E8E8E8'],
            time: 2000
        });
    }
});

这里，弹出提示使用的layui——tips
官网
http://layer.layui.com/
文档
http://www.layui.com/doc/modules/layer.html
有问题，看文档