feat(Table): add click event for the entire row <tr>

[9uenther]

Resolves #410

click function like on the Dropdown

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	Jul 12, 2023 1:13pm

[vercel]

@9uenther is attempting to deploy a commit to the Nuxt Labs Team on Vercel.

A member of the Team first needs to authorize it.

[Haythamasalama]

This is very useful. I have used it a lot before to show a sub table with different data or trigger an event when clicking on a table row.

[benjamincanac]

Still thinking of what would be the option here, either passing a click function in each item or having a global click like you did in your first PR.

[9uenther]

I prefer the click function in each element, it is very flexible and sometimes better than the global callback.

[Haythamasalama]

Still thinking of what would be the option here, either passing a click function in each item or having a global click like you did in your first PR.

The use case I used before was global click, but it's good for each item.

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
ui	Edit on Studio ↗︎	View Live Preview	148530b

[benjamincanac]

I've added an example in the docs, let me know what you think 😊

[jaybharadia]

Can you please share the screenshot @9uenther.

Question

• Is it necessary to pass click prop in each row ? Any other alternative like passing click handler in one place instead of passing it in all the row items ?

[benjamincanac]

I've changed my mind on this and made a @select listener instead of passing a click function to all of the rows. Let me know what you think!

[clopezpro]

You can add event sort? It is necessary to order large data and send as a parameter to the endpoint

[benjamincanac]

You can add event sort? It is necessary to order large data and send as a parameter to the endpoint

Is an issue not already open for this?