Nuxt•4mo ago

Row pinning in Nuxt UI 3 Table

Hi guys, did anyone work with row pinning in the new UTable component and can provide a working example?

2 Replies

Hi @StormiCParK. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I'm sorry, but the knowledge sources do not contain a working example or detailed documentation for implementing row pinning in the Nuxt UI 3 UTable component. The sources do mention column pinning, with examples of how to use the column-pinning prop and toggle pinning state for columns, but there is no equivalent example or explicit mention of row pinning functionality or APIs for rows. If you are looking for column pinning, you can refer to the following example:

const columnPinning = ref({
  left: [],
  right: ['amount']
})

const columnPinning = ref({
  left: [],
  right: ['amount']
})

<UTable v-model:column-pinning="columnPinning" :data="data" :columns="columns" class="flex-1" />

<UTable v-model:column-pinning="columnPinning" :data="data" :columns="columns" class="flex-1" />

This allows you to pin columns to the left or right, but there is no similar prop or example for row pinning in the provided documentation. If you need row pinning, you may need to check for future updates or consult the official Nuxt UI Table documentation for new features as they are releasedWith column pinning. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•4mo ago

<@146295316335820800> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

Row pinning in Nuxt UI 3 Table

Did you find this page helpful?