关于js 表格鼠标悬停显示完整信息

需求：表格横向信息栏宽度固定，展示不全信息，鼠标点击上去显示全部

方法：

1.在table标签中 加上 style="table-layout: fixed;

（表示固定每列宽度；调整的话自行在th标签中修改宽度width）

2…在td标签中style添加:

white-space:nowrap;/*文本不会换行，在同一行显示*/
overflow:hidden;/*超出隐藏 */
text-overflow:ellipsis;/*省略号显示*/
title=“完整内容” /*鼠标悬浮展示*/

例子：

原代码：

页面效果：

（列宽度随文本自由变化，影响美观和操作）

修改后

代码

页面效果