` 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_",[3180,3181,3182,3185],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3183,"color":3184},"closed-by-bot","ededed",{"name":3186,"color":3184},"stale",2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.69124913,{"description":3193,"labels":3194,"number":3199,"owner":3144,"repository":3145,"state":3161,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### 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_",[3195,3196,3197,3198],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3183,"color":3184},{"name":3186,"color":3184},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.71575284,{"description":3205,"labels":3206,"number":3211,"owner":3144,"repository":3145,"state":3161,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nI'm using a Table in my project to display a list of \"Items\" with a summary of their properties. To view the full details of an item, users can click on a row to navigate to a detailed page for that item.\n\nCurrently, I'm using the `@select` event to handle row clicks and navigate to the details page. However, this approach doesn’t support opening the details page in a new tab when users right-click or middle-click on a row.\n\nIs there a way to make each row behave more like a link to support this functionality? Or is there any possibility of adding support for this in a future update?\n\nThank you!\n\n\n### Additional context\n\n_No response_",[3207,3208,3210],{"name":3138,"color":3139},{"name":3209,"color":3142},"wontfix-v2",{"name":3158,"color":3159},2492,"[Feature request] Add link compatibility with Table row","2025-07-01T12:18:07Z","https://github.com/nuxt/ui/issues/2492",0.7177922,{"description":3217,"labels":3218,"number":3224,"owner":3144,"repository":3145,"state":3161,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Description\n\nI'm using the UTree component to list files.\nWe need to add the UContextMenu on each file.\n\nThe current slot available can't wrap the UTree item's button. Also, there is no way to bind data to the UContextMenu item's onSelect method, it only passes `e: Event` argument. \n\n### Additional context\n\n_No response_",[3219,3220,3221,3222,3223],{"name":3138,"color":3139},{"name":3158,"color":3159},{"name":3141,"color":3142},{"name":3183,"color":3184},{"name":3186,"color":3184},3510,"UTree: support UContextMenu","2025-08-20T02:09:11Z","https://github.com/nuxt/ui/issues/3510",0.7269958,{"description":3230,"labels":3231,"number":3233,"owner":3144,"repository":3145,"state":3161,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### For what version of Nuxt UI are you suggesting this?\n\nv2\n\n### Description\n\nPlease export `UTable` types in '#ui/types' too (Rows/Columns types).\nThanks\n\n### Additional context\n\n_No response_",[3232],{"name":3138,"color":3139},2373,"UTable types","2024-10-15T09:05:21Z","https://github.com/nuxt/ui/issues/2373",0.7410154,{"description":3239,"labels":3240,"number":3245,"owner":3144,"repository":3145,"state":3161,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nIt would be great to be able to react to keyboard events in the table component, for example using the up and down keys to navigate and the space bar to select a row. Something like:\n```\n\u003CUTable \n ...\n @keyup.up=\"hoverPrevRow\"\n @keyup.down=\"hoverNextRow\"\n @keyup.space=\"selectRow\"\n ...\n/>\n```\nThis will help users operate data tables more efficiently.\n\n### Additional context\n\n_No response_",[3241,3242,3243,3244],{"name":3138,"color":3139},{"name":3141,"color":3142},{"name":3183,"color":3184},{"name":3186,"color":3184},2851,"UTable keyboard events","2025-06-18T09:05:23Z","https://github.com/nuxt/ui/issues/2851",0.7422017,{"description":3251,"labels":3252,"number":3255,"owner":3144,"repository":3145,"state":3161,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### 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",[3253,3254],{"name":3155,"color":3156},{"name":3158,"color":3159},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.7436502,["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fyzsahRV4WhQYpVyYUcF6IwethhB-OUMfryiiD2_oi0Y":-1},"/nuxt/ui/4381"]