element ui 解决表格排序失效

一、问题说明：

element ui 排序很简单只需要加 sortable="custom" 通过后端排序后，吧数据返回至前端，但是当你对表格进行行内编辑，或者其他的复杂操作时，就会出现失效。

在啰嗦一句，后端排序数据类型要注意，你搞个字符串类型排序，估计是给自己挖坑。

解决办法

<el-table-column prop="sequenceName" label="序号" key="1" width="80px" sortable="custom"></el-table-column><el-table-column show-overflow-tooltip prop="name" key="2" label="题名" width="300"></el-table-column>

可在每个el-table-column 加一个key 属性，进行排序。问题解决。

element ui 解决表格排序失效相关推荐

element ui设置表格表头高度和每一行的高度
填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻 ...
【vue】Element UI实现表格表头纵向显示
element实现表格表头纵向显示我们正常使用Element UI写表格的时候,<el-table-column/> 标签里面都是纵向的.那么我们的需求有时候会要求行列转换,那么来看看咋 ...
elementUI之表格排序失效，表格宽度可拖拽变宽变窄
一.elementUI之表格排序失效在elementUI官网有介绍到给表格排序的方法之所以失效是因为我没在<el-table-column>上加上prop='stime' 原本,如果内 ...
Element UI Table表格样式调整
调整Element UI Table表格的样式最终效果: 单元格合并,样式调整模拟后端返回数据 {teamName: '小组一',outsourceFlag: '是',adminName: '张三 ...
element ui Table表格数据筛选功能实现
先来看看实现效果 element ui Table表格数据筛选功能实现查看Element官网关于筛选的实例. 在列中设置filters filter-method属性即可开启该列的筛选,filte ...
element UI 修改表格边框颜色
element UI 修改表格边框颜色由于我只想要改变该页面的表格边框颜色,加上表格类名 /** 改变边框颜色*/.right-content .el-table--border, .el-tabl ...
前端笔记-在Element UI中表格如何根据数据动态变化显示
前言实际上我需要的功能类似于前端工程中的字典.由于在前端的学习自己写代码的过程中可能不会对一个项目工程化的如此的彻底,所以这里给出了一种解决方法. 需求对于Element UI里的表格,如果假设传 ...
vue2.0 + element ui 实现表格穿梭框
element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...
在Element UI中表格根据数据动态变化显示表格的内容
需求对于Element UI里的表格,如果假设传入data的数据为数字(事实上其他的字母之类的也可)代表为表格的一些固定选项,而不是直接传入字符串,怎样实现替换.比如对于某个表格的选项,传入的数据用 ...

element ui 解决表格排序失效

element ui 解决表格排序失效相关推荐

最新文章

热门文章