\n\n\ni installed latest version. But don't understand how to header rowspan (th rowspan=\"3\").\n\nMy code is in https://codesandbox.io/p/sandbox/nuxt-ui-table-nested-header-s76scq",[3154,3157],{"name":3155,"color":3156},"question","d876e3",{"name":3141,"color":3142},4756,"How to merge header rows in table of latest version?","2025-08-18T01:20:30Z","https://github.com/nuxt/ui/issues/4756",0.7709031,{"description":3164,"labels":3165,"number":3168,"owner":3144,"repository":3145,"state":3169,"title":3170,"updated_at":3171,"url":3172,"score":3173},"### Description\n\nI have read the documentation of the table expanded and TanStack expanded, but I'm not able to figure out how to use it for expanding one row and collapsing another, or use a button to collapse all rows on the table header for an example, \n\n```\n onClick: () => { expanded.value ={}, row.toggleExpanded()}\n```\n\nI tried to modify the onClick function from the docs example to reset the expanded object or trigger something like `row.autoResetExpanded` from the original table docs but I could not get it to work, \n\nAppreciate any hints or guides",[3166,3167],{"name":3155,"color":3156},{"name":3141,"color":3142},4526,"closed","Table Expanded One row collapses others ( one at a time )","2025-08-17T13:48:19Z","https://github.com/nuxt/ui/issues/4526",0.72303903,{"description":3175,"labels":3176,"number":3186,"owner":3144,"repository":3145,"state":3169,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nTo control the rows of the table, I need a slot for them. For instance, if I want to implement a reorder feature using drag and drop, I require a \u003Ctr> element to loop through.\n\n### Additional context\n\n_No response_",[3177,3178,3181,3184],{"name":3138,"color":3139},{"name":3179,"color":3180},"triage","ffffff",{"name":3182,"color":3183},"closed-by-bot","ededed",{"name":3185,"color":3183},"stale",2685,"[UTable] Add the functionality to include a slot for all \u003Ctr> elements, as well as a 'default' slot.","2025-06-18T09:05:45Z","https://github.com/nuxt/ui/issues/2685",0.7343886,{"description":3192,"labels":3193,"number":3198,"owner":3144,"repository":3145,"state":3169,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Description\n\nTable is now of type unknown after updating to 3.1.0 - worked before in 3.0.x\nDid I miss anything?\n```\n const table = useTemplateRef(\"table\"); \n const selectedRowsMapPositions = computed(() =>\n table.value?.tableApi\n ?.getFilteredSelectedRowModel()\n .rows.map((row) => row.original?.id)\n .filter(Boolean)\n );\n```\n\n",[3194,3197],{"name":3195,"color":3196},"bug","d73a4a",{"name":3141,"color":3142},3982,"Table\u003Cunknown> after updating to 3.1.0?","2025-04-29T16:06:50Z","https://github.com/nuxt/ui/issues/3982",0.7442883,{"description":3204,"labels":3205,"number":3211,"owner":3144,"repository":3145,"state":3169,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Description\n\nThe UPageCard component supports highlight and spotlight modes, but there’s no way to change its color dynamically. It just uses the primary color. It would be nice to be able to change this by a color prop.\n\n### Additional context\n\n_No response_",[3206,3207,3208],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3209,"color":3210},"pro","5BD3CB",3389,"UPageCard: Allow setting color","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3389",0.7521691,{"description":3217,"labels":3218,"number":3222,"owner":3144,"repository":3145,"state":3169,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Is your feature request related to a problem? Please describe.\r\n\r\nCurrently, tables work like normal HTML tables. This means that on small screens the width will mostly/always exceed the device width, leaving the user to scroll down through the results.\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nInstead of letting the user scrolling and hide the information from other columns due to the device width, I think a good solution would be to collapse the cells vertically:\r\n\r\n- Headers would be kept as-is, allowing the user to scroll through the header columns.\r\n- The rest of the Table functionality would be kept intact.\r\n\r\n### Describe alternatives you've considered\r\n\r\nCreating my own table with using `table` CSS properties is cumbersome and using HTML's `\u003Ctable>` doesn't leave space for _creativity_.\r\n\r\nAlso, since it's not a Nuxt UI Table, all functionality is lost and must be made from scratch (or forked).\r\n\r\n### Additional context\r\n\r\nThe other approach is to create a new Data element called `List` that would work as table-like, but use `\u003Cdiv>` internally, use CSS to be presented as table-like, offer the same features (sorting, pagination, etc.) , and configure a breakpoint to transform the list into a `grid`.",[3219,3220,3221],{"name":3138,"color":3139},{"name":3182,"color":3183},{"name":3185,"color":3183},527,"[Table] Allow to collapse a row cells vertically on a breakpoint","2025-06-18T09:06:42Z","https://github.com/nuxt/ui/issues/527",0.75661856,{"description":3228,"labels":3229,"number":3232,"owner":3144,"repository":3145,"state":3169,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Description\n\nHi,\n\nI'm just trying migrate to the v3 table component but I'm kind of stuck while trying to apply the correct column widths to the columns which before (in v2) was possible via simple tailwind classes per column.\nFor example a table has an action button in the last column, so the column should only have the width of the icon of the button so that other columns have more space but the column width is automatically about four times the button's size by default instead.\n\nThe [TanStack Table Docs](https://tanstack.com/table/v8/docs/guide/column-sizing) state that individual column sizes must be applied manually which also seems right looking at the [table component code](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Table.vue) if I didn't miss anything in that regard.\n\nFrom my understanding the custom width styling must be applied to the `th`/`td` elements since every styling attempt inside the slots to make a column smaller (e.g. only 32px) did not work and only affected the content inside the header/cell slots.\n\nIs there any way at the moment to set a custom width for specific columns with the current implementation of the table component?",[3230,3231],{"name":3155,"color":3156},{"name":3141,"color":3142},3935,"Table custom column size adjustments","2025-05-03T12:03:11Z","https://github.com/nuxt/ui/issues/3935",0.7570105,{"description":3238,"labels":3239,"number":3244,"owner":3144,"repository":3145,"state":3169,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nI'm wondering if there is an event (similar to ``@select``) for hovering over a table row?\n\nI want to show a popover panel upon hovering over a row\n\nMy current workaround is to insert an action column, and wrap it in a ``UPopover`` component. But preferably, the entire row should act as a trigger\n\nAny suggestions?\n\n```\n\u003Ctemplate #preview-data=\"{ row }\">\n \u003CUPopover \n mode=\"hover\" \n :open-delay=\"300\" \n :disabled=\"isMounted && !grid.sm\"\n :ui=\"{\n ring: 'dark:ring-gray-700'\n }\"\n >\n \u003CUButton icon=\"i-heroicons-identification-20-solid\" color=\"purple\" square />\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[3240,3241,3243],{"name":3155,"color":3156},{"name":3242,"color":3180},"wontfix-v2",{"name":3141,"color":3142},2435,"@hover event for UTable rows","2025-07-01T14:32:16Z","https://github.com/nuxt/ui/issues/2435",0.7575358,{"description":3250,"labels":3251,"number":3254,"owner":3144,"repository":3145,"state":3169,"title":3255,"updated_at":3256,"url":3257,"score":3258},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[3252,3253],{"name":3155,"color":3156},{"name":3141,"color":3142},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.7583385,["Reactive",3260],{},["Set"],["ShallowReactive",3263],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f3NY7KJv2571EOZl20K5_VVMFC8cSSpdC4CBu_AGCwP8":-1},"/nuxt/ui/4454"]