elementui表格根据时间排序问题(针对后台返回的字符串类型时间)

最新推荐文章于 2024-05-27 19:56:20 发布
最新推荐文章于 2024-05-27 19:56:20 发布
阅读量4.1k 收藏
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaosas/article/details/108458032
版权

问题：使用sortable排序错误

一般情况

根据elementui官网，在显示结果为一页时添加sortable即可实现表格字段的排序，但当排序字段为字符串类型时，就要对其进行转换，再进行排序

例如

在进行sql查询时，对时间字段使用了date_format(CREATE_TIME,’%Y-%m-%d %k:%i’)函数，此时返回的是一个字符串，无法进行排序，否则出现错误

解决方法一：

对sql查询结果进行排序

这样直接返回前端页面，加个sortable即可实现排序，最简单

解决方法二：

在前端页面处理

<el-table-column
              align=
最低0.47元/天 解锁文章
lisa-manman
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html 表格数据按时间排列,element-ui表格分页以后，日期排序乱了，只是对当前页面排序，没有对整个数据排序...
weixin_42152298的博客
06-09 764
如题，表格没有分页前是按照日期顺序排序的，分页以后日期排序乱了，如下图这是第一页这是第二页很显然，日期顺序乱了，只是在当前页面排序了，没有进行整个排序。我的代码如下...:data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"borderstyle="width: 100%":default-sort = "{pr...
elementUI table排序 sortable
Liu_JiaqiPro的博客
10-22 4092
使用elementUI做后台程序时非常便利，但有时，插件的用法也会让人头疼。 在列中设置sortable属性即可实现以该列为基准的排序，接受一个Boolean，默认为false。可以通过 Table 的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的
Element-ui el-table表格排序
最新发布
YuukiKanno的博客
05-27 884
实现下图效果表格数据可自选列排序，这种需求一般分为俩种实用场景，一种是当前页面数据排序，另一种是对所有数据按条件顺序排序再分页，下面分别介绍俩种场景的实现。
element ui 表格根据后端返回数据 按创建时间 倒序 排序，
蓝胖子的博客
01-24 3102
默认排序 代码： <el-table ref="table" v-loading="crud.loading" :header-cell-style="{ color: '#FFF', background: '#333' }" :cell-style="{ color: '#FFF', background: '#333' }" :data="crud.data" style="width: 100%" @s
element实现按时间排序的样式
qq_45700938的博客
03-14 1050
<template> <div> <el-row> <el-col :span="12"> <div class="grid-content bg-purple"> <span class="navSpan cur">按时间排序 <i class="el-icon-caret-top navIconTop" :class="[timeSortV
elementUI的table的排序结果不正确问题
weixin_45613604的博客
06-20 4595
做项目时发现使用elementUI的table的sortable排序结果不正确 可以加个sort-method事件 <el-table-column sortable :sort-method="(a,b)=>{return a.lawsuit - b.lawsuit}" prop="lawsuit" label="金额" show-overflow-tooltip></el-table-column> ...
elementui表格根据后端返回数据,时间排序,默认倒序排列
weixin_50216073的博客
01-08 1456
【代码】elementui表格根据后端返回数据,时间排序,默认倒序排列。
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
10-16
主要介绍了Elementui表格组件+sortablejs实现行拖拽排序，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决vue elementUI中table里数字、字母、中文混合排序问题
10-15
主要介绍了vue elementUI中table里数字、字母、中文混合排序问题,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue+elementUI实现时间线的自定义显示.zip
04-22
- **时间线的顺序**：根据事件的日期或时间来排序时间线项。 - **时间线的样式**：自定义时间线的起点、终点、连接线和时间点的样式。 - **交互性**：添加悬停效果、点击事件等交互元素。 - **可扩展性**：确保组件...
vue element table 表格请求后台排序的方法
12-29
1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。 <el-...
vue 数组按时间排序
qq_42619759的博客
08-10 4644
<template> <div> <div @click="sort()">时间排序</div> </div> </template> <script> export default { name: 'TimeSort', components: {}, props: {}, data() { return { timeData: [{ time:'2
vue2+elementui 表格排序的问题
weixin_54526156的博客
05-11 325
vue2+elemenui 表格排序问题
element表格自定义排序
qq_44830441的博客
10-21 1475
对element表格字段进行自定义排序demo
前端分页el-table中的sortable按修改时间跨页排序
一休~的博客
06-27 4988
在el-table-column中使用sortable就可以实现升序和降序，但是在前端分页中是只能按照当前分页排序，所以用了@sort-change <!-- 表格 --> <el-table :row-class-name="tableRowClassname" v-loading="loading" :data=" allList.slice( .
elementplus table排序和取得该条数据
weixin_43292547的博客
08-12 1662
按钮本身加上@click=“update(scopexx.$index, scopexx.row)”，$index是当前排序下该行数据在数据list里的索引， row是该行数据。可在el-table使用:default-sort设置默认排序规则。methods里update(index, row){}即可使用。在按钮所在容器加上#default=“空间名”，在需要排序的字段加上sortable 即可。...
element表格排序升序降序
weixin_43852982的博客
05-30 5227
:default-sort = "{prop: 'date', order: 'ascending'}" //或者descending
el-table 按照某种规则 进行自定义升序降序的排序
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
03-16 2744
案例效果 点击创建时间后的箭头 可以自定义是按时间进行升序排序 还是降序排序 <el-table-column prop="sysCreateTime" :default-sort="{ order: 'descending' }" sortable label="创建时间" width="300"></el-table-column> 主要代码 :default-sort="{ order: ‘descending’ }" sortable 每日分享 人生百相，世态万千
解决vue elementUI table中字符串和数字混合排序
qq_20805769的博客
12-09 3253
ElementUI table表格排序中存在字符串的自定义排序 在最近的项目中，有个表格的排序因为存在字符串导致排序出现错误，网上找了半天只找到了一个CSDN推荐的，但是那个方法对于当前项目并不可用，不过大家也可以去借鉴一下 https://blog.csdn.net/qq_39186346/article/details/103861876 项目需求： 在每月数据中，因为没有该月份数据，前端需要使用“-”替换，但是在使用了sortable排序功能后，因为是数字和字符串混合，会导致排序存在错误 于是，
elementUI el-table表格列按时间排序
04-07
ElementUI的el-table表格组件提供了sort-by和sort-order两个属性来实现列排序。在列定义中，可以将sort-by属性设置为列的数据字段名，sort-order设置为升序或降序。 例如，如果有一个名为“create_time”的时间字段...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值