问题截图
产生原因
我一开是以为因为合并行导致滚动条滚动时候计算不及时导致的列错位,尝试了很多方式无法恢复
实际产生原因为:由于复选框自带样式fixed,固定列没有随动态列一起滚动计算导致,此问题主要出现在行数据属性中包含
如果数据溢出则将行高度自动撑开的情况下
未生效编写方式
//拿到数据请求结果后,重新渲染
this.$nextTick(() => {
this.$refs.table.doLayout()
})
//此方法没有生效的主要原因是因为拿到数据后确实进行了重新排版,样式也并没有错,问题根本不在于表格布局,所以这一步并不是解决问题的方式
生效编写方式
/*padding-bottom 的数值由表格区域决定,如表格不存在分页高度,则这个值为滚动条高度,如表格存在分页,则这个值应该为分页高度+滚动条高度 */
/deep/.el-table__fixed-body-wrapper .el-table__body {
padding-bottom: 50px;
}