feat(Table): column resizing

[J-Michalek]

🔗 Linked issue

Resolves: #3761
Helps with: #2441

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

I have added a enableColumnResizing prop to enable column resizing for the Table component. Added the resize handle element to the header which is rendered when the column is resizable.

Users want an option to make the table columns resizable. The goal is to implement all TanStack Table features and this is one of them.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[J-Michalek]

@benjamincanac Could you give me some guidelines on how the resize handle should be implemented? I have found this image but then I checked the pro docs and found that the DashboardPanel uses a resize handle without the primary color, not sure which one I should follow.

[J-Michalek]

Some notes:

• Most likely we would like to implement this example with the full width table: https://tanstack.com/table/latest/docs/framework/react/examples/full-width-resizable-table but I've ran into some issue where the styles for the after element prevent the columns to stretch to the end of the table. => So far I solved it like so cafda53 This need to get reviewed.

[benjamincanac]

@J-Michalek Your PR seems to have lots of left-overs from other PRs, would you mind cleaning it up? It would facilitate the review 😊

[J-Michalek]

@J-Michalek Your PR seems to have lots of left-overs from other PRs, would you mind cleaning it up? It would facilitate the review 😊

Yes, I realized something was wrong the second I requested review... I will let you know when it is ready, sorry for disturbing you.

Edit: Resolved the issue rather quickly, should be ready for review.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4110

commit: d0963f6

[J-Michalek]

Ready for review/testing.

[J-Michalek]

@J-Michalek This is a lie, current default is 'expand'.