el-table横向滚动时,表头与列错位
由于table内容部分右侧有滚动条,此时表格的宽度100%,包含了滚动条的宽度,而表头的宽度还是100%,造成内容实际宽度小于表头,造成错位。
设置表格表头的宽度
<el-table ref="myTable">
......
</el-table>
<script>
export default {
mounted() {
this.$refs.myTable.$el.children[1].style.width = '99.4%';
}
}
</script>
修改后的效果: