@hover event for UTable rows

[remihuigen]

For what version of Nuxt UI are you asking this question?

v2.x

Description

I'm wondering if there is an event (similar to @select) for hovering over a table row?

I want to show a popover panel upon hovering over a row

My current workaround is to insert an action column, and wrap it in a UPopover component. But preferably, the entire row should act as a trigger

Any suggestions?

<template #preview-data="{ row }">
      <UPopover 
        mode="hover" 
        :open-delay="300" 
        :disabled="isMounted && !grid.sm"
        :ui="{
          ring: 'dark:ring-gray-700'
        }"
      >
        <UButton icon="i-heroicons-identification-20-solid" color="purple" square />

        <template #panel>
         <RegioloketPreview 
          :data="row"
        />
        </template>
      </UPopover>
    </template>

[rdjanuar]

For now the table only supports the @select event but in the future there is a possibility that there will be @hover, @contextmenu, etc. events. @remihuigen

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[DannyHuisman]

This would be an excellent feature.

[benjamincanac]

With latest commit, you'll be able to use the @hover event alongside a Popover to achieve this: https://ui.nuxt.com/components/table#with-row-hover-event