在 Element UI 的 eltable 中,可以通过设置 :sortby 属性指定表格列的排序属性。那么,如果要按时间倒序排序,只需要将 :sortby 属性设置日期字段名,同时在这个字段前加上符号“-”,表示降序排列

因此,可以按以下步骤实现eltablecolumn 根据时间倒序排序:

  1. eltablecolumn设置 :sortable 属性true开启该列排序功能

html复制代码

<el-table-column label="待排序日期" align="center" prop="paixuDate" :sortable="true"/&gt;

  1. 在 el-table-column设置 :sort-by 属性为降序排序的日期字段名(即带有“-”的日期字段名)。

html复制代码

<el-table-column label="待排序日期" align="center" prop="paixuDate" :sortable="true" :sort-by="'-paixuDate'"/&gt;

这样就可以实现对 el-table-column 按时间倒序排序了。最后需要注意的是,使用 Element UI 的 el-table 进行排序时,日期数据需要以时间戳形式进行排序,否则会出现不正确的排序结果

原文地址:https://blog.csdn.net/monicateacat/article/details/130356494

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_15763.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注