el-table表格错行问题处理

table 相关

平时遇到的一些小问题处理，记录一下 📝

el-table fixed=“right” 切换页面｜更新数据导致表格错行

明显可以看到操作部分向下偏移了

解决

查阅了一堆资料，有修改样式的，有用自带方法的。
个人偏向于自带方法，有现成的不用改什么 css, hhh

activated() {
    this.$refs.pTable.doLayout()
},

如上，给 el-table 绑定上 ref,然后调用自身方法 doLayout(),此处我是切换页面导致表格错行，所以放在 activeted 里面，如果你是在数据更新后可在请求接口后增加对应调整代码

el-table 多选框禁用

el-table 多选框有时需要禁用

解决

<el-table-column type="selection" :selectable="selectFn" width="40"></el-table-column>

selectFn(row, index) {
    return row.status == '待审核'
}