Open22日前にコメント追加4Nuxt UI: UTableのcolumns.sort()ってどうやって使うのかNuxtNuxt 3Nuxt UIGANGAN22日前全ての始まり https://x.com/Kspace_trk/status/1862729275390271620 GANGAN22日前UTableの実装 https://github.com/nuxt/ui/blob/cbf0f22efdb55dc4e72f5148fe7a1bd1a9897225/src/runtime/components/data/Table.vue GANGAN22日前Propsとしてのsortとcolumns.sortの2種類が存在している。この違いは?🤔 返信を追加keigo22日前 ソートに関するロジックは、@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
GANGAN22日前UTableの実装 https://github.com/nuxt/ui/blob/cbf0f22efdb55dc4e72f5148fe7a1bd1a9897225/src/runtime/components/data/Table.vue GANGAN22日前Propsとしてのsortとcolumns.sortの2種類が存在している。この違いは?🤔 返信を追加
keigo22日前 ソートに関するロジックは、@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