<el-table v-loading="loading"
              :height="tableHeight"
              ref="tableRef"
              border
              stripe
              :data="marineSpecialList"
              @sort-change="sortChange">
      <el-table-column prop='shipmentDate' :sortable="true" width="45" align="center"/>
</el-table>




function sortChange(column){
  if((column.prop==='shipmentDate' || column.prop==='expectSailingStartDate') && column.order!==null){
    let arr = []
    marineSpecialList.value.map(item => {//遍历数组把有值放arr前面,空值放arr后面
      if(column.prop==='shipmentDate'){
        (item.shipmentDate === null) ? arr.push(item) : arr.unshift(item)
      }
      if(column.prop==='expectSailingStartDate'){
        (item.expectSailingStartDate === null) ? arr.push(item) : arr.unshift(item)
      }
    })
    marineSpecialList.value = arr
  }
}

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐