一: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