Open4

Nuxt UI: UTableのcolumns.sort()ってどうやって使うのか

keigokeigo

ソートに関するロジックは、@tanstack/vue-tableにありそう?

tableのtbodyを描画するために、tableApi変数の中の値をv-forしている

https://github.com/nuxt/ui/blob/bda6098db35d4afe5ed9f56223069094d7c672a1/src/runtime/components/Table.vue#L218-L221

そしてtableApi変数は、useVueTableの結果を代入している。

https://github.com/nuxt/ui/blob/bda6098db35d4afe5ed9f56223069094d7c672a1/src/runtime/components/Table.vue#L139-L142

そしてuseVueTableは、@tanstack/vue-tableをimportしたものなので、ロジックは@tanstack/vue-tableの中にありそう

https://github.com/nuxt/ui/blob/bda6098db35d4afe5ed9f56223069094d7c672a1/src/runtime/components/Table.vue#L106-L113