问题一:el-table设置fixed属性固定列以后,可能会出现行错位情况,但是缩放一下浏览器就好了,需要修正这个问题。
思路:可以使用 el-table 的 doLayout() 方法对 Table 进行重新布局,使用监听器监听表格数据,该表的时候调用 doLayout() 方法。
watch: {
tableData: {
handler() {
this.$nextTick(() => {
this.$refs.table.doLayout();
});
},
},
},
--------------------------------------------------------分割线----------------------------------------------------------------
问题二:有时候设置高度以后,会发现横向滚动条没有在自己预想的位置出现(出现在上面了),然后缩放一下浏览器就又生效了
思路:这个时候只需要强行给表格内容定个高度就好了,或者使用上述的方法doLayout(没试过)。
/deep/ .el-table {
.el-table__body-wrapper {
height: calc(
100% - 40px
) !important; // 表格高度减去表头高度,默认表头高度一般都是 40px
}
}