\n \u003C/div>\n \u003C/template>\n```\n\nto a table with more than one column, the body slot would only fill one cell of the table.\n\nTo prevent this, am shoud I do that?\n\n```\n \u003Ctemplate #body-top>\n \u003Ctr>\n \u003Ctd :colspan=\"3\" class=\"text-center text-sm text-muted\">\n \u003CUButton\n icon=\"i-lucide-plus\"\n variant=\"ghost\"\n color=\"neutral\"\n />\n \u003C/td>\n \u003C/tr>\n \u003C/template>\n```\n\nI would really love to see a best-practice example :-) ",[3151],{"name":3152,"color":3153},"question","d876e3",4862,"nuxt","ui","open","body-* slot on Table does only make sense if you got one col?","2025-09-01T12:19:10Z","https://github.com/nuxt/ui/issues/4862",0.7966089,{"description":3163,"labels":3164,"number":3171,"owner":3155,"repository":3156,"state":3172,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### Description\r\n\r\nSpanning columns in tables should be common...\r\n\r\nBut the `\u003Ccolumn>-data` slot is rendered in the `\u003Ctd>`. It would be better if there was a `row-data` slot.\r\n\r\nIs there any way to determine whether it needs to span columns based on some property of row?",[3165,3166,3169],{"name":3152,"color":3153},{"name":3167,"color":3168},"closed-by-bot","ededed",{"name":3170,"color":3168},"stale",2053,"closed","How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.7173988,{"description":3178,"labels":3179,"number":3189,"owner":3155,"repository":3156,"state":3172,"title":3190,"updated_at":3191,"url":3192,"score":3193},"### Description\n\nHello,\n\nI've spent the last couple of hours trying to implement right-click functionality on UTable rows. I've reviewed existing issues but couldn't find a solution that fits this need.\n\nWhat I want to achieve is to show a UContextMenu with actions related to the clicked row when the user right-clicks on it.\n\nCurrently, there is no way I could find to detect right-click events on individual rows along with their row data. If UTable had a #row slot or a dedicated @click.right event that provides the clicked row’s data, this would be easily achievable.\n\nIf there is any workaround or method to implement this right-click behavior on rows with access to row data, I would really appreciate if someone could share it.\n\nThank you!\n\n\n\n### Additional context\n\n_No response_",[3180,3183,3186],{"name":3181,"color":3182},"enhancement","a2eeef",{"name":3184,"color":3185},"v3","49DCB8",{"name":3187,"color":3188},"triage","ffffff",4259,"Add support for @click.right event on UTable rows to enable context menus","2025-07-01T11:16:40Z","https://github.com/nuxt/ui/issues/4259",0.7338573,{"description":3195,"labels":3196,"number":3201,"owner":3155,"repository":3156,"state":3172,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nMuch like in https://github.com/nuxt/ui/issues/1387, I have a need to listen for clicks on `\u003CUTable />` rows. `@select` brings you part of the way there, but doesn't make it easy to get access to the full underlying event, for example to check if the user is holding the \u003Ckey>Ctrl\u003C/key>.\n\nSimilarly, even with `@select` I can't see any easy way to focus the table rows using keyboard input. \n\n### Additional context\n\n_No response_",[3197,3198,3199,3200],{"name":3181,"color":3182},{"name":3187,"color":3188},{"name":3167,"color":3168},{"name":3170,"color":3168},2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.7484454,{"description":3207,"labels":3208,"number":3212,"owner":3155,"repository":3156,"state":3172,"title":3213,"updated_at":3214,"url":3215,"score":3216},"### Description\n\nHi is it possible to add context menu in utable upon selecting a row ? or any alternative ways how to do it thru context menu and utable ?\n\nThankss.\n\n### Additional context\n\n_No response_",[3209,3210,3211],{"name":3181,"color":3182},{"name":3184,"color":3185},{"name":3187,"color":3188},4381,"[UTable] -> Context Menu upon selecting row","2025-06-24T12:32:01Z","https://github.com/nuxt/ui/issues/4381",0.7705758,{"description":3218,"labels":3219,"number":3223,"owner":3155,"repository":3155,"state":3172,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Describe the feature\n\nTeleports suck cause they're not SSR friendly, but there's no other way to allow a page to fill in multiple separate areas (slots) defined by the layout. A classic example is that the main slot is for the main page content and then a second named slot could be used for the sidebar.\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [x] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3220],{"name":3221,"color":3222},"pending triage","E99695",30563,"Named slots in layouts","2025-01-13T13:54:08Z","https://github.com/nuxt/nuxt/issues/30563",0.77212477,{"description":3229,"labels":3230,"number":3234,"owner":3155,"repository":3155,"state":3172,"title":3235,"updated_at":3236,"url":3237,"score":3238},"Hey!\r\n\r\nWith our current project, me and the team was wondering what was the reasoning behind the decision to not support slots in layouts?\r\n\r\nWe ran into it when we realized that a CSS grid layout would work best for our responsive view, since each page knows what kind of sidebar or extra content is required in this specific case. For that the structure would need to be like this:\r\n\r\n```\r\nhtml\r\n head\r\n ...\r\n body\r\n my-header\r\n nuxt\r\n #content\r\n slot\r\n #sidebar\r\n slot(name=\"sidebar\")\r\n #extra\r\n slot(name=\"extra\")\r\n my-footer\r\n```\r\nRight now the two options we see are using a separate layout component or somehow coordinating sidebar and extra components to make their own requests according to current route, but both feel at odds with overall simplicity Nuxt aims for.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c941\">#c941\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3231],{"name":3232,"color":3233},"2.x","d4c5f9",1079,"Why no slots in layouts?","2023-01-18T15:40:44Z","https://github.com/nuxt/nuxt/issues/1079",0.77890515,{"description":3240,"labels":3241,"number":3244,"owner":3155,"repository":3156,"state":3172,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Description\n\nI am trying to add style to a specific row in a UTable. So far I am trying something like this: \n\n```\n\u003CUTable\n :ui=\"{\n tbody: [\n tr.id === '1001' ? ' ' : 'light:bg-[#000] dark:bg-[#000] font-bold',\n ],\n }\"\n\u003C/UTable>\n```\n\nI am using the `:ui` prop as the docs say: \n\n```\n{ root?: ClassNameValue; base?: ClassNameValue; caption?: ClassNameValue; thead?: ClassNameValue; tbody?: ClassNameValue; ... 4 more ...; loading?: ClassNameValue; }\n```\n(Taken from: https://ui.nuxt.com/components/table)\n\nHowever, the docs don't say how to add a condition. I tried this: ` tr.id === '1001' ?` as well as hundreds of other possibilities because I am trying without knowing. It is not working, I suppose because I am not using the correct syntax.\n\nCould you provide more info as what options I have with the UTable to achieve this? Thank you in advance.\n\n",[3242,3243],{"name":3152,"color":3153},{"name":3184,"color":3185},4089,"How to add style to a specific row in a UTable?","2025-05-08T11:59:49Z","https://github.com/nuxt/ui/issues/4089",0.7796563,{"description":3250,"labels":3251,"number":3254,"owner":3155,"repository":3156,"state":3172,"title":3255,"updated_at":3256,"url":3257,"score":3258},"### Description\n\nI would like to add a context menu with row actions to my table. Is there any way to do something like this?",[3252,3253],{"name":3152,"color":3153},{"name":3184,"color":3185},3655,"UTable: row action context menu","2025-06-24T12:31:34Z","https://github.com/nuxt/ui/issues/3655",0.78080106,{"description":3260,"labels":3261,"number":3268,"owner":3155,"repository":3155,"state":3172,"title":3269,"updated_at":3270,"url":3271,"score":3272},"Document that experimental server components do not support slots but could be in the future.",[3262,3265],{"name":3263,"color":3264},"documentation","5319e7",{"name":3266,"color":3267},"3.x","29bc7f",18853,"Server components do not support `\u003Cslot>`s","2023-03-09T12:26:49Z","https://github.com/nuxt/nuxt/issues/18853",0.78752905,["Reactive",3274],{},["Set"],["ShallowReactive",3277],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnHDmmVSmB8TrVB6NAuORCR-YLxbPaN3fMXMXLIx7Xgk":-1},"/nuxt/ui/3530"]