el-table在个别电脑上得表头与表体不对齐(是因为没有滚动条时表头得gutter列得width为17px引起得)
其中gutterHidden初始默认为false
<el-table :class="{'gutter-th':gutterHidden}" :data="tableData" style="width:100%;"
:default-sort = "{prop: 'startTime', order: 'ascending'}"
:max-height="tableHeight" ref="table"
>
。。。
</el-table>
<style lang="scss">
.gutter-th{
&.el-table th.gutter{
display: none;
width:0
}
&.el-table colgroup col[name='gutter']{
display: none;
width: 0;
}
}
</style>
在mounted及resize方法中:
this.tableHeight = e.data.innerHeight - 265 -this.bodyTop;
setTimeout(()=>{//解决获取表格时高度有延迟问题导致的移动
if(this.$refs.table.$el.clientHeight<this.tableHeight){//解决个别电脑上gutter列表头默认宽度17px(导致了数据居中与表头不对其)
this.gutterHidden=true;
}else{
this.gutterHidden=false;
}
this.$refs.table.doLayout();
},200)