一,原因

出现错乱的条件有两个

1、el-table-column的template中使用 slot-scope=“scope”

2、el-table-column中使用 v-if="…"

二,解决办法

给每个列增加一个独一无二的key就可以了

  ></el-table-column><el-table-columnprop="item_subtotal"label="小计"align="center"key="36"></el-table-column><el-table-columnprop="special_price_coupon_saving"label="特价优惠"align="center"key="37"></el-table-column><el-table-columnprop="create_date"label="时间"align="center"key="38">

elementui的表格在使用v-if之后列的顺序错乱问题相关推荐

  1. element-ui table 表格内出现一根横线

    element-ui table 表格内出现一根横线 element-ui table表格组件 , 在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现 这种情况 , 底部出现一根 ...

  2. Vue+element-ui 实现表格的分页功能示例

    Vue+element-ui 实现表格的分页功能示例 template部分: <el-table:data="tempList":header-cell-style=&quo ...

  3. datagrid vue_类似 easyui 中 datagrid 使用习惯的 element-ui 数据表格组件(el-datagrid)...

    背景 element-ui 中的 el-table 组件只提供了数据展示,而分页功能作为一个单独的组件 el-pagination,并没有像 Ant Design 一样集成到 el-able 组件中, ...

  4. [vue-element] ElementUI使用表格组件时有遇到过问题吗?

    [vue-element] ElementUI使用表格组件时有遇到过问题吗? @isbase Object.freeze 这算是一个性能优化的小技巧吧.在我们遇到一些 big data的业务场景,它就 ...

  5. elementUI之表格排序失效,表格宽度可拖拽变宽变窄

    一.elementUI之表格排序失效 在elementUI官网有介绍到给表格排序的方法 之所以失效是因为我没在<el-table-column>上加上prop='stime' 原本,如果内 ...

  6. elementui[el-table]表格全选操作以及翻页选中取消相关效果

    elementui的表格默认是没有所有数据选中的操作的,仅仅只是选中当前页的10条或者20条数据,因此我们需要自己手动加入一个全选操作的按钮.以此来将数据全部选中保存. 总体来看无非就是几步操作而已. ...

  7. elementUI table表格合并相同的内容

    elementUI table表格合并相同的内容 1.表格和数据 表格是这样 数据(由于数据太多,只展示了几个) tableData: [{one: '1 . 产出指标',two: '1 .1 数量指 ...

  8. elementui固定表格头部

    elementui固定表格头部 el-table的高度超出页面,头部固定,下面滚动,设置height="calc('100% - 48px')" <template>& ...

  9. ElementUI的表格换行符失效、不换行

    后台返回的接口数据 '"名称:示例↵ID:717",在表格种并没有换行,原因是elementUI 在表格样式中写了white-space: normal; (normal空白会被浏 ...

  10. 使用element-ui使用表格展示微信头像

    要求:使用element-ui使用表格展示微信头像 借鉴的原博:https://blog.csdn.net/qq_41588568/article/details/100196905 效果图: < ...

最新文章

  1. 15款帮助你实现响应式导航的 jQuery 插件
  2. 分析函数RANK的使用
  3. 电脑pin码忘了登录不进系统_想要大屏打王者,家里电视用不了?投屏到电脑试试...
  4. python 读plt文件_用python读Excel文件
  5. 电子设计竞赛方案搜集
  6. Tkinter 的 Text 组件
  7. html5与java开发视频教程_JAVA视频—WEB开发视频教程
  8. 网络io,select,poll与epoll的初步认识
  9. 2017 苹果强制https
  10. MLO/uboot-spl.bin和uboot.img/uboot.bin
  11. 虚拟化技术(2)系统虚拟化
  12. 关于中台的深度思考和中台实战
  13. 企业项目实战k8s篇(十)Volumes配置管理
  14. 什么是私约、助记词和密码?
  15. map的insert返回值
  16. Android 微光闪烁效果
  17. adb卸载和安装系统应用
  18. 如何解决latex中添加图片不显示的问题
  19. 20张图带你彻底了解ReentrantLock加锁解锁的原理
  20. android高德:定位蓝点定位到非洲问题

热门文章

  1. SQL中的Having与Where的区别(面试常问)
  2. spy 控件没有名字_PyQt5学习笔记(十一)高级容器控件
  3. Git发生SSL certificate problem: certificate ha错误的解决方法
  4. Django-组件拾遗
  5. [LeetCode] Three Sum题解
  6. 数组及引用类型内存分配
  7. ASP.NET 创建网站地图
  8. 返回空的list集合*彻底删除删除集合*只是清空集合
  9. 使用升级版的 Bootstrap typeahead v1.2.2
  10. html中不支持什么元素,HTML中不支持静态Expando的元素的问题