Optional hover menu and mouseover events

[adunndevster2]

Type

It lets the user optionally create a slot that appears on hover over a row. This is super useful for user experiences where you'd like a menu of options to appear on the row if you hover over it. Very common case, as google and many others use it all the time. It also gives the user the option to listen to a "hover" event if they'd like.

We need this for our product! Thank you for this table, it rocks.

Put an x in the boxes that apply_

• Fix
• Feature

Checklist

Put an x in the boxes that apply._

• Title as described
• Add unit test by vitest if necessary

DEMO

Screen.Recording.2023-08-31.at.4.32.22.PM.mov

USAGE:

1. just add hover-row-to-show-element to your DataTable
2. make use of the slot like so:

<template #hover="item">
  <div style="padding: 10px 0px 0px 15px;">
    This might show menu options or something for {{ item.name }}...
  </div>
</template>

[adunndevster2]

@HC200ok - I hope this helps the project! Let me know what you think. It's something we definitely need, for sure!

[adunndevster2]

@HC200ok I've made some more improvements to this, and we are using it in our production site now. (I had to make a new npm package temporarily until/if this is merged in). Do you think you might be able to take a look at it?