elementUI中table动态渲染列名错乱解决方法

214 阅读1分钟

描述

   // 设置columns,动态渲染列名时,渲染后的列名顺序不是数据定义时的顺序,解决方法是在动态渲染前加一列,宽度设置为1 
   // 使用template模板循环动态渲染时,数据复杂,有时操作列不渲染,故改成使用div遍历循环
   <el-table>
      // 这里的width设置为1,视觉上不可见,设置为0时无效
      <el-table-column width="1"></el-table-column>
      // <template v-for="(col,index) in columns" :key="index"> 使用template存在莫名的bug
      <div v-for="(col,index) in columns" :key="index">
      ...
      </div>
   </el-table>