1、项目需求在手机上展示一个列表很长数据很多的类似excle的表格内容, 2、需要固定第一列,并且每个单元格的数据添加 展开/收起 按钮 来控制显示文字长度效果如下 1.jpeg 问题描述: 1、由于固定列导致数据的最后一行点击展开后显示不全类似被 overflow:hidden 一样 2、表格内容使用了element table 的插槽,插槽内使用...
1、业务背景 列表显示字段过多,最后一栏操作列加固定显示,横向添加滚动条,在自测浏览器开发者模式时,发现固定列的最后一行出现了凹陷现象,网上查阅资料大多为在更新生命周期或者页面更新操作时重载页面,这些方法对本文出现的现象没有实际效果,最后的解决办法为直接设置横向滚动条,将列表的高度撑高以此解决问题。 图1 F1...
图1 F12打开浏览器再关掉最后一行出现按钮凹陷现象 2、更新代码 <el-tableclass="record_table" ref="recordTable" size="...scope.row)" >按钮 </el-table...important; // 设置横轴滚动条 } } 图2 更新后的按钮进行上述同样操作位置正常 3、参考链接el-table使用fixed后,最后一行显示不全;el-table设置...
图1 F12打开浏览器再关掉最后一行出现按钮凹陷现象 2、更新代码 el-table class="record_table" ref="recordTable" size="...scope.row)" >按钮 el-table...important; // 设置横轴滚动条 } } 图2 更新后的按钮进行上述同样操作位置正常 3、参考链接 el-table使用fixed后,最后一行显示不全;el-table设置 ...