养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置el-table排序

时间:2024-10-24 08:24:59

在使用el-table组件编辑表格数据时,如何设置表格某一列数据能在页面上点击进行升降的排序功能呢?如图

如何设置el-table排序

方法/步骤

1、打开一个vue文件,插入一个el-table组件,然后设置el-table显示内容为日期、姓名、地址。如图

如何设置el-table排序

如何设置el-table排序

2、在日期标签上添加sortable属性,用于显示可以点击进行升降排序的小图标。如图

如何设置el-table排序

3、保存vue文件后用浏览器打开,这时候就可以看到默认数据没有实现排序效果,点击下日期后面的箭头怅屹岖噤小图标,表格数据就会安装日期进行升降排序效果显示。如图

如何设置el-table排序

如何设置el-table排序

如何设置el-table排序

© 一点知识