现在我有数据表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一下
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!