Repository navigation
Multi-column pinning behavior differs from TanStack Table - only first pinned column remains sticky #4721
Description
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.
Reacted by Victor Bianchi, LWojtek, Jakob Matzen and NATURAVELO
Activity
LWojtek commentedon Sep 19, 2025
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 commentedon Nov 4, 2025
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
it-naturavelo commentedon Nov 21, 2025
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 commentedon Nov 24, 2025
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 commentedon Nov 24, 2025
Sorry for the delay on this, I've updated the Table to use
column.getStartandcolumn.getAfterstyles when pinned which will position the cells correctly based on thesizefield in columns like in the TanStack example.fix(Table): properly position pinned columns based on `size`