vue+elementui 实现 el-table 有排序功能

1,456 阅读1分钟

1、HTML

<el-table   :data="tableData"  border   @sort-change="changeTableSort" >

<el-table-column 
 align="center" 
 prop="Number" 
 label="数额"  
 :sortable="'custom'">
</el-table-column>

</el-table>

2、方法

methods:{ 
//排序
   changeTableSort (column) {
         if (column.prop == 'Number') {
         if (column.order == 'ascending') {
          // 向上排序
          console.log('这里写向上排序要处理逻辑') 
       } else if (column.order == 'descending') { 
         // 向下排序
        console.log('这里写向下排序要处理逻辑')
        } 
     } 
}
}