el-table常见问题

277 阅读1分钟

table 相关

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

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

table-fixed.jpg

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

解决

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

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

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

el-table 多选框禁用

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

table-selectable.jpg

解决

<el-table-column type="selection" :selectable="selectFn" width="40"></el-table-column>
selectFn(row, index) {
    return row.status == '待审核'
}