如果有固定表格，修改某一列关于高度的样式（比如超过多少就截断），固定列会出现和同行不一样高的情况，原因是因为固定列visibility：hidden了一部分内容，设置overflow：hidden会无效，导致了表格高度不一致的问题
1、表格固定
2、表格中展示的某一列可能数据比较多，折行展示会让某一行太高，所以讲该列修改为超过三行省略号，出现兼容性问题，chrome81+—-正常展示，但是chrome78…出现固定列错位的问题
3、查找问题发现，固定列很高，是因为省略号样式中的overflow：hidden无效，展示的是原高度
4、固定和非固定的列进行比较发现，固定列有一个样式是visibility：hidden，这个样式被单元格cell类继承，导致overflow无效了
5、为什么会有这个样式呢？？因为element-ui的表格是由三个表格嵌套的，顶部和固定列都是表格，只不过使用了visibility进行了占位而已
若有收获，就点个赞吧
0 人点赞
