Multi-column pinning behavior differs from TanStack Table - only first pinned column remains sticky

[ronannnn]

Description

When pinning multiple columns in Nuxt UI Table, only the first pinned column maintains sticky positioning while scrolling. This differs from TanStack Table's behavior where all pinned columns remain sticky.

[LWojtek]

Also I would say that when pinning to right side behavior seems a bit odd. In my case I need last two columns to be pinned right. Pinning last works fine, but when also pinning one before that it becomes the last - is this expected behavior? Shouldn't they keep original order?
And just like @ronannnn mentioned only one is sticky when pinning right too.

[jakobmatzen]

We have the same topic here at our company. I'm currently transitioning from PrimeVue to NuxtUI and this is a bottleneck right now. We've got a use-case where all specified columns need to remain sticky and only the middle-part of the table should be scrollable. Like OP said, TanStack seems to have a solution for this: https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky
I would love to have this behaviour implemented, because otherwise we'd need to 'stick' with PrimeVue.
PrimeVue-reference: https://primevue.org/datatable/#frozen_columns

[bastien-naturavelo]

Same here, it's a weird issue all pinned column stacks on top of each other to the left or right when you scroll
I'll remove the option for my user and they'll have to do with only one pinned col by default for now

[freyjameetsmel]

This issue bothers me so much. As far as I can see, every column gets left-0 or right-0 applied (depending to wich side you pin the columns). That explains the stacking of the pinned columns. I'm currently trying to come up with something that helps me override these styles for each column. Has anyone tried updateing the styles via the meta prop?

[benjamincanac]

Sorry for the delay on this, I've updated the Table to use column.getStart and column.getAfter styles when pinned which will position the cells correctly based on the size field in columns like in the TanStack example.