在使用el-table组件编辑表格数据时,如何设置表格某一列数据能在页面上点击进行升降的排序功能呢?如图
方法/步骤
1、打开一个vue文件,插入一个el-table组件,然后设置el-table显示内容为日期、姓名、地址。如图
2、在日期标签上添加sortable属性,用于显示可以点击进行升降排序的小图标。如图
3、保存vue文件后用浏览器打开,这时候就可以看到默认数据没有实现排序效果,点击下日期后面的箭头怅屹岖噤小图标,表格数据就会安装日期进行升降排序效果显示。如图
在使用el-table组件编辑表格数据时,如何设置表格某一列数据能在页面上点击进行升降的排序功能呢?如图
方法/步骤
1、打开一个vue文件,插入一个el-table组件,然后设置el-table显示内容为日期、姓名、地址。如图
2、在日期标签上添加sortable属性,用于显示可以点击进行升降排序的小图标。如图
3、保存vue文件后用浏览器打开,这时候就可以看到默认数据没有实现排序效果,点击下日期后面的箭头怅屹岖噤小图标,表格数据就会安装日期进行升降排序效果显示。如图