我想做一个学生管理,如何实现点表中某一列变倒序再点变正序?

现在我有数据表student,可以呈现在网页,数据表头学生姓名,年龄等,我想点击表头让此列倒序排列如何实现?

前端实现的话,管理系统一般都是 使用element-UI 可以使用 el-table

<el-table-column
      prop="date"
      label="日期"
      sortable
      width="180">
    </el-table-column>

在列中设置sortable属性即可实现以该列为基准的排序,接受一个Boolean,默认为false。可以通过 Table 的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。在本例中,我们还使用了formatter属性,它用于格式化指定列的值,接受一个Function,会传入两个参数:row和column,可以根据自己的需求进行处理。

这个 其实 是对 数据 的处理 。 数组反转 。或者 sort 排序 。
数据处理好了 ,直接 替换数据

为什么不直接用element的组件 直接加一个字段就可以实现

https://blog.csdn.net/weixin_30533797/article/details/97252705

一般用的ui框架都有排序属性的,添加上去就可以,不然就在拿到数据的的时候自己sort一下

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632