` 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_",[2939,2940,2941,2942],{"name":2905,"color":2906},{"name":2908,"color":2909},{"name":2911,"color":2912},{"name":2914,"color":2912},2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.7194985,{"description":2949,"labels":2950,"number":2956,"owner":2916,"repository":2917,"state":2931,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### 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_",[2951,2952,2955],{"name":2905,"color":2906},{"name":2953,"color":2954},"v3","49DCB8",{"name":2908,"color":2909},4381,"[UTable] -> Context Menu upon selecting row","2025-06-24T12:32:01Z","https://github.com/nuxt/ui/issues/4381",0.73602706,{"description":2962,"labels":2963,"number":2968,"owner":2916,"repository":2917,"state":2931,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### 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_",[2964,2965,2966,2967],{"name":2905,"color":2906},{"name":2908,"color":2909},{"name":2911,"color":2912},{"name":2914,"color":2912},2851,"UTable keyboard events","2025-06-18T09:05:23Z","https://github.com/nuxt/ui/issues/2851",0.7445936,{"description":2974,"labels":2975,"number":2980,"owner":2916,"repository":2917,"state":2931,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### Description\n\n👋,\n\nIs it possible to create a multi-line select with NuxtUI?\n\nI need a select element to choose from a list of addresses where each address is three lines long.\n\nAll the examples are single line selects, which makes sense as this is the norm.\n\nI thought I should ask before wasting a lot of time on a possible lost cause.",[2976,2979],{"name":2977,"color":2978},"question","d876e3",{"name":2953,"color":2954},4063,"Multi-LINE Select","2025-05-06T18:00:44Z","https://github.com/nuxt/ui/issues/4063",0.74776125,{"description":2986,"labels":2987,"number":2989,"owner":2916,"repository":2917,"state":2931,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHow can add a class to the \"selectable\" column? Other columns I can use the `class` attribute (https://ui.nuxt.com/components/table#columns) for the column, but for the automatically showing \"selectable\" column, there's no such way to customize it\n\n### Additional context\n\n_No response_",[2988],{"name":2905,"color":2906},2377,"Ability to add custom column data (specifically class) to automatically showing selectable column","2024-11-12T17:12:38Z","https://github.com/nuxt/ui/issues/2377",0.7490478,{"description":2995,"labels":2996,"number":2999,"owner":2916,"repository":2917,"state":2931,"title":3000,"updated_at":3001,"url":3002,"score":3003},"### Description\n\nHey there!\n\nI am currently doing migration of https://www.nuxt-commerce.dev/ from Nuxt UI 2->3 (it was so good experience - kudos to you!).\n\nI finished migrating almost everything apart from one thing - the Select component that has Nuxt Links inside. Basically the NuxtLink does not seem to work - the page is not changing after clicking (while the selected value is correctly updated to the clicked one. Do you know what could be the issue?\n\nThe code I use looks like this:\n\n```html\n\u003Ctemplate>\n \u003CUSelect\n v-model=\"selected\"\n value-key=\"value\"\n :items=\"selectOptions\"\n >\n {{ selected }}\n \u003Ctemplate #item=\"{ item }\">\n \u003CNuxtLink\n :to=\"`/collection/${item?.to}`\"\n >\n \u003Cp>{{ item?.value }}\u003C/p>\n \u003C/NuxtLink>\n \u003C/template>\n \u003C/USelect>\n\u003C/template>\n\n\n\u003Cscript setup lang=\"ts\">\nconst selectOptions = computed(() => {\n return props.collections?.edges.map(({ node }) => ({\n value: node.title,\n to: node.handle,\n }))\n})\n\nconst selected = ref(\n selectOptions.value?.find(\n option => route.params.handle && option.to === route.params.handle[0],\n )?.value,\n)\n\u003C/script>\n```",[2997,2998],{"name":2977,"color":2978},{"name":2953,"color":2954},3443,"Does Select work with NuxtLink/UI Link?","2025-03-04T09:18:16Z","https://github.com/nuxt/ui/issues/3443",0.7507859,{"description":3005,"labels":3006,"number":3010,"owner":2916,"repository":2917,"state":2931,"title":3011,"updated_at":3012,"url":3013,"score":3014},"### 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`.",[3007,3008,3009],{"name":2905,"color":2906},{"name":2911,"color":2912},{"name":2914,"color":2912},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.75747746,{"description":3016,"labels":3017,"number":3020,"owner":2916,"repository":3021,"state":2931,"title":3022,"updated_at":3023,"url":3024,"score":3025},"Since the ui lib now uses the new version of Nuxt Color Mode, we'll need to add a `ThemeSelect` component https://github.com/docusgen/docus.com/blob/dev/components/atoms/ThemeSelect.vue and add it in the dropdown like on Docus: \n\n",[3018],{"name":2905,"color":3019},"1ad6ff",65,"nuxt.com","Theme selector","2023-02-15T12:30:35Z","https://github.com/nuxt/nuxt.com/issues/65",0.75799036,["Reactive",3027],{},["Set"],["ShallowReactive",3030],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fhzKYIv3w8HUsxaG8-Wn7-HyTewxPIQIIJgv_mDPbp84":-1},"/nuxt/ui/4393"]