控制表格定寬
table{
table-layout: fixed;
}
td控制超出變省略號(hào)
.ellipsis{
width:100%;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
滑過(guò)顯示全部 使用了layer插件
var tip_index = 0;
$("table").on("mouseover", "td", function() {
if(this.offsetWidth < this.scrollWidth) { //判斷文本是否超出
var content = $(this).text(); //獲取文案
if(content) {
tip_index = layer.tips(content, this, { time: 0 , tips: [3, '#ffb951'], area: ['200px', 'auto']});
}
}
})
$("table").on("mouseleave", "td", function() {
layer.close(tip_index);
})
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
