将空值移至末尾

Question

如何使用 v-data-table 和 vuetify3 将空值移动到末尾，无论排序方向如何。

上面我附加了一个可重现的示例，我希望空值出现在排序结束时：

谢谢提前！

https://play.vuetifyjs.com/#eNp9UstugzAQ/JUVhzykUEKlXhAgVT32WKmXJAcHbxQUMMjYUaMo/14/QrAjCAfYnZldj5fdXIOOF9Fn276dJQZJkAqs24oIzLcMID2HpG1NaJKiYYKUDPkdMi AlgoSC7CvsQYBadiLsGi4GKCkU1tThCS+GybaBRb7x8qOVgaM9IqHIO6W5Rx5bKpOa2zf0MhB5 GrlmetcK9G1rxN4qjZzbqrQreNkKI8K/VnkCigciKwFX20x3Xyz7DICjkJwNOYB3pcRLAM6kkpj AgsYroO9LyHKfB4gi+DpicYJDw4HJqrI1HRBGQQ8NxBFrEI3+AjLql5cH3RyyLLPFs5k655Eue 7vrl1UPWTwiG+kWjuliyM0VX7ZSkthr46vG3N5WQ+bG9y1JYOOqn6YrSlGp+c9/zUznTrl+1F4 qzszbp9xzdk6st+/5wP4fx16VQ4STzMcUEa+nGMnUfqq9plMCswXj/m82sKRK0uix/cFtpQvNa/cPOy8irg==

Answer 1

您需要返回的是

undefined

，无论方向如何，都将空/未定义的值放在排序的末尾。

customKeySort: {
  value: (d1, d2) => {
    // Check for null/undefined values and sort them to the end
    if (!d1 && !d2) return undefined
    if (!d1) return undefined
    if (!d2) return undefined
    if (d1 > d2) return 1
    if (d2 > d1) return -1

    return 0
  },
},

更新了 Vuetify 游乐场