手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何设置el-table排序

时间:2024-10-17 04:09:30

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

如何设置el-table排序
如何设置el-table排序

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

如何设置el-table排序

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

如何设置el-table排序
如何设置el-table排序
如何设置el-table排序
© 手抄报圈