Table with resizable column

[Kokleng-Dev]

How to use resizable with table?
i want to make table that can resize column.
i think resizable on shadcn could do it but i don't know how to implement into table.

Thank you.

[prathwik0]

I'm not sure about vue but I tried the same in react/nextjs. I tried to use the ShadCN resizable component to make my table columns resizable and I kinda got it working but the performance in react was really bad. My approach made every column into it's own table to apply the resizable component. I think overall this is a bad approach.

You best bet would be to use the headless ui tanstack table and go through their resizable columns guide. By default their resizable features aren't very powerful, so you'd have to play around a bit to get the desired resizing behaviour.