bootstrap表格内容过长成省略号，鼠标悬停表格显示全部内容

一：html 表格部分 需要加 style = "table-layout:fixed;"  

加了之后页面表格自动会超出部分显示成省略号，也没有再设置

css 部分   

“white-space”: ‘nowrap’,
“text-overflow”: ‘ellipsis’,
“overflow”: ‘hidden’,

就可以变成省略号（不知道为啥？可能框架封装好了？）

 

 

二： 再表格初始化加载完成后，加入代码实现鼠标移动到单元格显示单元格全部内容

onLoadSuccess:function(){

//鼠标悬停显示全部内容~

$('.bootstrap-table tr td').each(function () {

$(this).attr("title", $(this).text());

$(this).css("cursor", 'pointer');

});

}

 

结果图：

 

参考：

实现了鼠标悬停    https://gitee.com/shudaye/codes/a1bzm0hgieu8nqtoj34kx47

未实现，可能是我哪里没写对或者是其他地方影响到了 https://blog.csdn.net/qq_38893293/article/details/89188283