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

Question

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

Answer 1

前端实现的话，管理系统一般都是 使用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，可以根据自己的需求进行处理。