el-table-column列顺序错乱问题

Zz丶Hang

已于 2022-10-08 11:43:58 修改

阅读量1.9k

点赞数 3

文章标签： elementui

于 2022-10-08 11:42:42 首次发布

本文链接：https://blog.csdn.net/weixin_41359197/article/details/127205820

版权

element的el-table标签下只能出现el-table-column或者template标签包裹el-table-column，不然会影响el-table的计算，导致列顺序的错乱。

<el-table
  :data="tableData">
  <!-- 错误 -->
  <div>
    <el-table-column
    prop="test"
    label="测试"
    width="180">
    </el-table-column>
  </div>
  <!-- 正确 -->
  <template>
    <el-table-column
    prop="test"
    label="测试"
    width="180">
    </el-table-column>
  </template>
  <el-table-column
    prop="test"
    label="测试"
    width="180">
  </el-table-column>
</el-table>