关于使用elementUI table自定义排序无法处理空值问题的解决方案

问题场景

使用el-table的自定义排序功能 当数据参数中有空值时 点击排序空值会排在上方 现在忽略所有空值（排序在最下方）再进行排序

解决后 所有空值在最下方：

解决方案

• 其中partition、orderBy、get、isNil引用的是lodashjs 中的方法
• 整体思想就是将参数为空的数据 unSortable 和 符合筛选条件的数据 sortable 进行排序后 进行组合 sortable.concat(unSortable)
• subProp 表示的为下级参数 支持a.b.c 这样的形式 下面有一个单元测试的示例可以看看具体使用场景 (对应case2)

export const sortListWithoutNull = ({
    list = [], prop = '', subProp = '', order = 'desc' }) => {
   
  const [unSortable, sortable] = partition(list, o => isNil(subProp ? get(o, `${
     prop}.${
     subProp}`) : get(o, prop)))
  let ret = [