=1" prop="topDepartName" label="一级部门" width="120" :show-overflow-tooltip="true"> =。element-ui table 动态表头 错位问题。" />

江苏龙网

  1. 主页 > 生活百科 > >

element-ui table 动态表头 错位问题

动态表头

<el-table v-loading="loading" :data=https://www.isolves.com/it/sjk/bk/2022-02-21/"list" :border="true" @selection-change="selectChange" :key="tableKey">export default {data() {return {list: [],loading: false,offset: 0,limit: 10,limitRange: [10,20,50,100,200,500,1000],total: 0,currentPage: 1,tableKey: Math.random(),}},methods: {getRankPersonList() {this.list = [];this.loading = true;var self = this;xx.ajax({op: 'xxxx/xxxxxxxx',send: {activityId: self.activityId,orgid: self.orgid,offset: self.offset,limit: self.limit,},callback(data) {self.loading = false;if (data.status == 1) {self.departMaxLevel = data.data.departMaxLevel;self.isCheck = data.data.isCheck;self.list = data.data.rows;self.total = data.data.total;self.tableKey = Math.random();} else {self.list = [];self.total = 0;self.$message({message: '' + data.msg, type: 'warning'});}}});},}如上代码所示，定义一个 tableKey = Math.random() 轻松解决了，动态列错位的问题 。

【element-ui table 动态表头 错位问题】


    推荐阅读


    上一篇：Python 数据可视化神器—Pyecharts

    下一篇：从多核到众核处理器