el-table组件,页面刷新后,样式变了

朋友们,使用了el-table组件,进入页面时正常的,但是刷新就变成下面这样,账号那一栏样式就会变,但我没修改高度,如果从别的页面进来,不会乱,在当前页面刷新就会乱。怎么解决呀

img

table
      :data="tableData"
      style="width: 100%"
      border
      >
        
        table-column label="序号" prop="date" width="150px" align="center">
        table-column>
        table-column label="姓名" prop="name" align="center">
        table-column>
        table-column label="性别" prop="sex" align="center">
        table-column>
        table-column label="出生日期" prop="year" align="center">
        table-column>
        table-column label="用户名" prop="username" align="center">
        table-column>
  
        table-column label="账号" prop="user"  align="center">
        table-column>
        table-column label="手机号" prop="tel"  align="center">
        table-column>
       
        table-column label="所在单位" prop="add"  align="center">
        table-column>
       

      table>

  beforeUpdate() {
    this.$nextTick(() => {
      this.$refs["table"].doLayout();
    });
  },

可以F12看一下是不是有样式覆盖的问题 或者 将表格列调换位置看是否还会出现此问题