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

因此,可以按以下步骤实现将 el-table-column 根据时间倒序排序:

  1. 在 el-table-column 上设置 :sortable 属性为 true,开启该列排序功能。
 

html复制代码

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

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

html复制代码

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

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

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 6 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐