vue+element固定表头滚动条导致表头错误

你的名字 2023-06-17 10:57 141阅读 0赞

解决方法

  1. untl.js

    封装一个公共的方法

    1. // 重置表格
    2.  resetTableDom(table) { 
    3.       return setTimeout(()=> { 
    4.           table.doLayout(); // doLayout是element提供的对表格重新布局的方法
    5.       }, 0)
    6.   }

  2. 每次请求数据的时候调用该方法

    1. this.api.getQuotaCompensationListData(params).then((data) => { 
    2.     this.loading = false;
    3.          if (!data.data.HasError) { 
    4.              this.tableData = data.data.Data;
    5.              this.totalCount = data.data.TotalCount;
    6.              this.util.resetTableDom(this.$refs.table); //传值为表格dom
    7.          }
    8.      }).catch(err => { 
    9.          console.log(err);
    10.      })
    11. }

  3. 将表格dom传给上述方法

    1. <el-table :data="tableData" height="100%" highlight-current-row ref="table"></el-table>

表格序号递增

  1. <el-table-column type="index" prop="index" label="序号">
  2.     <template slot-scope="scope">
  3.         { { (pageIndex-1)*pageSize + scope.$index + 1}}
  4.     </template>
  5. </el-table-column>

发表评论

表情：
评论列表 （有 0 条评论，141人围观）

还没有评论，来说两句吧...

相关阅读