\n \u003Cp class=\"text-sm font-medium\">\n {{ namesData.length === 0 ? 'No names loaded' : 'No names found' }}\n \u003C/p>\n \u003Cp class=\"text-xs text-neutral-500 mt-1\">\n {{ namesData.length === 0 ? 'Click \"Load Names\" to fetch data' : 'Try adjusting your search query' }}\n \u003C/p>\n \u003C/div>\n \u003C/template>\n \u003C/UTable>\n```\n\u003C/details>\n\nThe problem:\nHeight of row get bigger when more items added and get smaller while scrolling down, here is the example with 100 Row:\n\nFirst item height:\n\u003Cimg width=\"1217\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/d74589f7-a6b3-45ea-afe9-6f7f9ef7ba2d\" />\n\nat middle:\n\u003Cimg width=\"1219\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/653a9f5d-1702-401f-a437-4f61c6c4776e\" />\n\nat end:\n\u003Cimg width=\"1214\" height=\"386\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b081a95c-5ffe-4d8e-ab57-64f978cebeea\" />\n\ni tired to play with `UTable.ui` object but that break the style no mater what i do, sometime head col not align with row cells",[3145,3148],{"name":3146,"color":3147},"question","d876e3",{"name":3149,"color":3150},"v3","49DCB8",4563,"nuxt","ui","open","`useVirtualList` example for `UTable`","2025-07-21T11:23:04Z","https://github.com/nuxt/ui/issues/4563",0.7887156,{"description":3160,"labels":3161,"number":3164,"owner":3152,"repository":3153,"state":3165,"title":3166,"updated_at":3167,"url":3168,"score":3169},"### Description\n\nHello there,\n\nin `@nuxt/ui` v2 it was possible to access the buttons from inside `Tabs` or the input from `SelectMenu` via template refs to focus explicit elements. \nIs it possible to get that feature back especially for accessibility reasons?",[3162,3163],{"name":3146,"color":3147},{"name":3149,"color":3150},4292,"closed","Exposing elements for better accessibility","2025-06-12T13:38:55Z","https://github.com/nuxt/ui/issues/4292",0.74429286,{"description":3171,"labels":3172,"number":3184,"owner":3152,"repository":3153,"state":3165,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### 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_",[3173,3176,3179,3182],{"name":3174,"color":3175},"enhancement","a2eeef",{"name":3177,"color":3178},"triage","ffffff",{"name":3180,"color":3181},"closed-by-bot","ededed",{"name":3183,"color":3181},"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.75897914,{"description":3190,"labels":3191,"number":3195,"owner":3152,"repository":3153,"state":3165,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### 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_",[3192,3193,3194],{"name":3174,"color":3175},{"name":3149,"color":3150},{"name":3177,"color":3178},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.75999767,{"description":3201,"labels":3202,"number":3207,"owner":3152,"repository":3153,"state":3165,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### 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_",[3203,3204,3205,3206],{"name":3174,"color":3175},{"name":3177,"color":3178},{"name":3180,"color":3181},{"name":3183,"color":3181},2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.7616806,{"description":3213,"labels":3214,"number":3218,"owner":3152,"repository":3153,"state":3165,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### 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?",[3215,3216,3217],{"name":3146,"color":3147},{"name":3180,"color":3181},{"name":3183,"color":3181},2053,"How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.77503496,{"description":3224,"labels":3225,"number":3230,"owner":3152,"repository":3153,"state":3165,"title":3231,"updated_at":3232,"url":3233,"score":3234},"### Description\n\nGreetings, I noticed in the Utable documentation, nested or children columns are not mentioned. Is it possible to add this feature in the UTable component? \r\n\r\nOr If I missed something, does this feature already exist?\r\n\r\nIn my previous project, I had this feature using NextJS/AntD:\r\n\r\n\r\n**Result:**\r\n\r\n\r\n**Source code:**\r\n\r\n````tsx\r\n {\r\n dataIndex: \"\",\r\n title: \"Parent Column\",\r\n width: 300,\r\n children: [\r\n {\r\n dataIndex: \"ChildrenColumn1\",\r\n title: \"Children Column 1\",\r\n width: 150,\r\n render: (text: string) => \u003Cdiv>{text}\u003C/div>,\r\n },\r\n {\r\n dataIndex: \"ChildrenColumn2\",\r\n title: \"Children Column 2.\",\r\n width: 150,\r\n render: (text: string) => \u003Cdiv>{text}\u003C/div>,\r\n },\r\n ],\r\n },\r\n````\r\n\r\n\r\nThanks in advance!\r\n\r\n\r\n\n\n### Additional context\n\n_No response_",[3226,3227,3228,3229],{"name":3174,"color":3175},{"name":3177,"color":3178},{"name":3180,"color":3181},{"name":3183,"color":3181},2037,"Nested/Children columns for UTable","2025-06-18T09:06:35Z","https://github.com/nuxt/ui/issues/2037",0.7784865,{"description":3236,"labels":3237,"number":3244,"owner":3152,"repository":3153,"state":3165,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.18.0`\n- Nuxt Version: `3.17.6`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.13`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `app`, `css`, `ssr`, `modules`, `mg_ui`, `icon`, `extends`, `components`, `vite`, `runtimeConfig`, `devtools`, `pinia`, `imports`, `hooks`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui-pro@3.2.0`, `@pinia/nuxt@0.4.11`, `@formkit/auto-animate/nuxt@0.8.2`, `@nuxt/image@1.10.0`\n- Build Modules: `-`\n\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/page-card#link\n\n### Description\n\nHi, first thank you for the amazing lib !\nI was starting to use the `\u003CUPageCard` in my application with the `to=\"\"` prop to make it a link and I noticed I could'nt reach the link with my keyboard.\n\nWhen I checked the rendered code, I noticed the link has a `tabindex=\"-1\"` which makes it not focusable and is therefore an A11Y issue.\n\nAm I missing something or is it not normal ?\n\nI also asked on Discord and the AI confirmed it wasn't [mentioned in the docs](https://discord.com/channels/473401852243869706/1400493333670789291)\n\n### Additional context\n\nOfficial documentation : \n\u003Cimg width=\"752\" height=\"610\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f297a64e-a0b8-4b78-adb9-5e630d51f023\" />\nAnd the rendered link element : \n\u003Cimg width=\"517\" height=\"208\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/fbf26569-fc21-461e-9184-8653d73e53a4\" />\n\n### Logs\n\n```shell-script\n\n```",[3238,3241],{"name":3239,"color":3240},"bug","d73a4a",{"name":3242,"color":3243},"nuxt/ui-pro","00dc82",4639,"NuxtUI Pro : PageCard's rendered link \u003Ca> is not accessible with keyboard (tabindex=\"-1\")","2025-08-13T12:23:18Z","https://github.com/nuxt/ui/issues/4639",0.78196526,{"description":3250,"labels":3251,"number":3255,"owner":3152,"repository":3153,"state":3165,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Description\n\nWhen a dot is selected in the UCarousel component, we get no attribute in the element : \n\n- no data-selected\n- no aria-current for accessibility\n\nSince there is no dots/dot slot, we have no possibility to style these dots when selected or not. The only difference is the bg style being either bg-accented or bg-inverted, which is overwritten if we actually style the background.\n\nIs there any way to add these attributes ? At least for accessibility.\n\n### Additional context\n\n_No response_",[3252,3253,3254],{"name":3174,"color":3175},{"name":3149,"color":3150},{"name":3177,"color":3178},4403,"UCarousel selected dot has no attribute","2025-07-07T10:09:58Z","https://github.com/nuxt/ui/issues/4403",0.7835843,{"description":3261,"labels":3262,"number":3266,"owner":3152,"repository":3153,"state":3165,"title":3267,"updated_at":3268,"url":3269,"score":3270},"### 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_",[3263,3264,3265],{"name":3174,"color":3175},{"name":3149,"color":3150},{"name":3177,"color":3178},4381,"[UTable] -> Context Menu upon selecting row","2025-06-24T12:32:01Z","https://github.com/nuxt/ui/issues/4381",0.78635764,["Reactive",3272],{},["Set"],["ShallowReactive",3275],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFo9fKwdwdHZ7l_OYW20bsnto-Zo1anL2cGTJCOHIadY":-1},"/nuxt/ui/4410"]