el-table多列同时排序且样式保留(多用于后台排序)

场景:

image.png
上图中可以看到多个箭头都是选中效果

描述:

element-ui的el-table仅才支持单列(一个字段)进行排序,想要支持多列排序,首先要定义一个数组,用于存放所有排序的字段及其顺序,
设置列sortable=“custom”,结合sort-change事件,在点击排序箭头时进行排序操作

实现:

话不多说直接上代码,大家自己可以修改成符合自己的业务:




你可能感兴趣的:(el-table多列同时排序且样式保留(多用于后台排序))