2021-11-03

最新推荐文章于 2023-01-29 14:26:09 发布

吃糖牙疼

最新推荐文章于 2023-01-29 14:26:09 发布

阅读量449

点赞数

CC 4.0 BY-SA版权

分类专栏： antd-vue vue3 文章标签： vue 前端

本文链接：https://blog.csdn.net/weixin_43997143/article/details/123716984

vue3 同时被 2 个专栏收录

4 篇文章

订阅专栏

antd-vue

2 篇文章

订阅专栏

在使用Ant Design Vue的Table组件时，遇到排序功能失效的问题。原因为比较方式不正确，官方示例中使用的是数值直接相减，而其他类型的数据需要通过条件判断来确定排序方向。修正后的排序函数应当确保返回值大于0或小于0以指示排序顺序，如：`sorter:(a,b) => a.id > b.id ? 1 : -1`。这样做可以确保表格的正确排序功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

antd-vue Table组件排序无效

table的表头排序，在一些情况下失效了，查了下资料，发现问题

官方案例中是这样写的，两个数字相减：

sorter: (a, b) => a.value- b.value

number外的其他类型对比：
sorter函数根据返回值来进行排序，返回值为>0时进行倒叙排序，返回值为<0时为正序排序！修改如下就正常了：
sorter: (a, b) => a.id > b.id ? 1 : -1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吃糖牙疼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

2021-11-01vue.js ant 列排序不生效的问题

weixin_44190736的博客

11-01

1093

今天想在表格里做一个列排序的功能，结果按照vue.js文档https://www.antdv.com/components/table-cn/#components-table-demo-reset-filters-and-sorters 里写的不生效，找了很久，发现有两个可能的原因。 1.文档里在colunm中是这么写的 { title: 'name', dataIndex: '姓名', key: 'name', sorter

snapshot_2021-11-03_11-01.zip

09-14

标题“snapshot_2021-11-03_11-01.zip”表明这是一个快照文件，通常在IT行业中，快照用于记录某个时间点系统或项目的状态。这个特定的快照是在2021年11月3日11时01分创建的，可能是为了备份或者版本控制的目的。快照...

参与评论您还未登录，请先登录后发表或查看评论

ant design table样式修改合集

Akukudeteng的博客

11-05

1万+

目录 1. 改变列头颜色 2. 修改选中某行时的文字颜色常见问题合集： table的列数据排序，sorter无效不起作用？ 1. 改变列头颜色代码部分： index.js: import styles from '../index.less'; index.less: :global(.ant-table-thead> tr >th) { color: royalblue; text-align: center...

antd table升降序失效

张木期的博客

01-18

1913

antd table 插槽和升降序同时存在的时候，升降序失效

sort方法对象通过id排序

Litao131319的博客

07-16

1317

var arr = [ {id:2}, {id:3}, {id:7}, {id:6} ] arr.sort((a,b)=>a.id-b.id);

【解决】antd table 排序无效

坚强的泡沫的博客

01-29

3024

点击排序图标，会重新请求api，但是排序图标方向没有变化，列表开始时间始终升序排列，handleTableChange拿到的参数一直是升序。

gmall2020-mock-db-2021-11-14.jar

06-26

gmall2020-mock-db-2021-11-14.jar

精品资料系列2021-11-03S402 室内管道支架及吊架.pdf

05-20

精品资料系列2021-11-03S402 室内管道支架及吊架.pdf

tampermonkey-backup-chrome-2021-11-27T01-27-17-766Z.zip

11-27

配置过的油猴插件

日志文件2021-03-11&12

03-12

标题"日志文件2021-03-11&12"表明我们处理的是两天的日志数据，即2021年3月11日和12日的记录。这些日志可能来自服务器、网络设备、应用程序或者操作系统，用于后期分析、故障排查和性能优化。日志文件通常以文本...

【golang】sorter 的两种实现方式

qfzhangwei的专栏

09-02

310

假设有一个 Person 结构，它有 name 和 age 字段。需要根据名称对切片进行排序，有时还需要根据年龄对切片进行排序。这个匿名函数与排序的 Less ()方法相同。这个匿名函数有2个 args (这是片的索引)并返回 bool。只需比较给定索引(i 和 j)中我们感兴趣的元素字段(age 或 name)并返回结果。使用这两种类型来实现排序接口。可以通过根据需求(按年龄或名称)进行类型转换来对 Person 片进行排序。如果我们不想通过创建类型来实现排序接口，可以在排序中使用匿名函数。

sorter函数参数设置

weixin_30538029的博客

11-01

222

python内置sorted函数排完序生成一个新列表，而列表list.sorted则是直接在原列表上修改 sorted默认排序是正序，即从小到大。若想倒着排序，则reverse=True 当需要排序的元素不是一维时，可设置key参数 l=[('a', 1), ('b', 2), ('c', 6), ('d', 4), ('e', 3)] sorted(l,key=lambda x:...

第一个例子：使用 Sorter 接口排序

不求前途凶吉，但求落幕无悔！

04-07

995

简介一个很好的例子是来自标准库的 sort 包，要对一组数字或字符串排序，只需要实现三个方法：反映元素个数的 Len()方法、比较第 i 和 j 个元素的 Less(i, j) 方法以及交换第 i 和 j 个元素的 Swap(i, j) 方法。排序函数的算法只会使用到这三个方法（可以使用任何排序算法来实现，此处我们使用冒泡排序）： func Sort(data Sorte...

antd table 默认排序不起作用

花木兰

07-09

3781

参考官网划重点： columns 中定义了 filteredValue 和 sortOrder 属性即视为受控模式。只支持同时对一列进行排序，请保证只有一列的 sortOrder 属性是生效的。务必指定 column.key。 sortOrder: sortedInfo.columnKey === ‘name’ && sortedInfo.order, 初始化 sortedInfo const [sortedInfo, setSortedInfo] = useStat

sort函数详解（史上最完整QAQ）

热门推荐

wang13342322203的博客

08-03

4万+

阅读目录 1.sort 2.sort简介 3.sort扩展 1.sort 使用：#include <algorithm> 　　 using namespace std; 作用：排序时间复杂度：n*lg(n) 实现原理：sort并不是简单的快速排序，它对普通的快速排序进行了优化，此外，它还结合了插入排序和推排序。系统会根据你的数据形式和数据量自动选择合适的排序方...

js中sort函数

小木Blog

06-04

1万+

前言以前在学习jjavaScript时，遇到数组的排序算法sort只是记住了使用方法。最近在刷leetCode。遇到了一题是：合并两个有序的数组的题。对于该题，我给出了两种解题方法。一个是使用归并的思想，该方法时间效率高，但是编写稍微有一点点麻烦。如果不讲究时间效率，而是看代码的优雅度，我也编写了一个使用sort的方法解此题。以下便是我在使用sort方法时的一些想法。 ...

史上最全关于sorted函数的10条总结

Python之禅的专栏

09-12

1954

题图：Google搜索sorted 用于对集合进行排序（这里说的集合是对可迭代对象的一个统称，他们可以是列表、字典、set、甚至是字符串），它的功能非常强大，本文将深入浅...

ant-design 表格组件 Table / ProTable 排序方法sorter 的使用

baidu_25051161的博客

12-27

1万+

ant-design 表格组件 Table / ProTable 排序方法sorter 的使用

antDesign中排序sorter的排序问题

qq_56392291的博客

03-19

6452

antDesign中排序sorter的排序问题--时间类型、数字类型、字符类型和时间与空字符串混合sorter排序

embedcpp-2021-03