\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",[3020,3023],{"name":3021,"color":3022},"question","d876e3",{"name":3024,"color":3025},"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":3035,"labels":3036,"number":3043,"owner":3027,"repository":3028,"state":3029,"title":3044,"updated_at":3045,"url":3046,"score":3047},"### Description\n\nCurrently, the accordion component relies solely on divs and buttons, which means it's not fully accessible to assistive technologies. \n\nTo fix this, the accordion should have an HTML structure similar to the one shown in the example below.\n\n```html\n\u003Cdiv role=\"group\" aria-labelledby=\"group-name\">\n \u003Cspan hidden id=\"group-name\">Lorem ipsum dolor sit.\u003C/span>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n \u003Cdetails name=\"accordion-name\">\n \u003Csummary>Lorem, ipsum dolor.\u003C/summary>\n \u003Cp>\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n voluptatibus.\n \u003C/p>\n \u003C/details>\n\u003C/div>\n```\n\nThis accordion is now completely accessible and requires no JavaScript to function like the current accordion.\nAdditionally, this accordion will also automatically expand if a user searches for words that appear in each accordion item.\n\nThis is how the current accordion is visualized from the accessibility tree.\n\n\u003Cimg width=\"300\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c61583dd-b2a5-4e48-acaa-e0c156f0bee5\" />\n\n\nThis is how the new accordion will be visualized from the accessibility tree.\n\n\u003Cimg width=\"450\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6490bbb7-d453-4516-89a1-069ff31c88e8\" />\n\nI would love to hear your opinion on this, and I would also be glad to help out if needed.\n\n\n### Additional context\n\n_No response_",[3037,3040],{"name":3038,"color":3039},"enhancement","a2eeef",{"name":3041,"color":3042},"triage","ffffff",4338,"Accordion a11y using details and summary","2025-06-14T18:17:05Z","https://github.com/nuxt/ui/issues/4338",0.7931447,{"description":3049,"labels":3050,"number":3059,"owner":3027,"repository":3027,"state":3029,"title":3060,"updated_at":3061,"url":3062,"score":3063},"We might build these directly into nuxt or possibly via a core or adhoc module or even decoupled module like `nuxt/a11y`.\r\n\r\n```[tasklist]\r\n### Tasks\r\n- [ ] https://github.com/nuxt/nuxt/issues/14673\r\n- [ ] https://github.com/nuxt/nuxt/issues/23375\r\n- [ ] built-in [axe core](https://github.com/dequelabs/axe-core)\r\n- [ ] devtools integration? cc: @antfu\r\n- [ ] other built-in components or composables, e.g. for announcement?\r\n- [ ] a convenient way to move focus on every navigation\r\n- [ ] skip links for traversing to/from the top-most layout that changed\r\n```\r\n",[3051,3053,3056],{"name":3038,"color":3052},"8DEF37",{"name":3054,"color":3055},"🍰 p2-nice-to-have","0E8A16",{"name":3057,"color":3058},"a11y","872BA1",23255,"Accessibility roadmap","2024-09-11T21:09:52Z","https://github.com/nuxt/nuxt/issues/23255",0.7940313,{"description":3065,"labels":3066,"number":3069,"owner":3027,"repository":3028,"state":3070,"title":3071,"updated_at":3072,"url":3073,"score":3074},"### 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?",[3067,3068],{"name":3021,"color":3022},{"name":3024,"color":3025},4292,"closed","Exposing elements for better accessibility","2025-06-12T13:38:55Z","https://github.com/nuxt/ui/issues/4292",0.74429286,{"description":3076,"labels":3077,"number":3085,"owner":3027,"repository":3028,"state":3070,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### 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_",[3078,3079,3080,3083],{"name":3038,"color":3039},{"name":3041,"color":3042},{"name":3081,"color":3082},"closed-by-bot","ededed",{"name":3084,"color":3082},"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":3091,"labels":3092,"number":3096,"owner":3027,"repository":3028,"state":3070,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### 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_",[3093,3094,3095],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3041,"color":3042},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":3102,"labels":3103,"number":3108,"owner":3027,"repository":3028,"state":3070,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### 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_",[3104,3105,3106,3107],{"name":3038,"color":3039},{"name":3041,"color":3042},{"name":3081,"color":3082},{"name":3084,"color":3082},2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.7616806,{"description":3114,"labels":3115,"number":3119,"owner":3027,"repository":3028,"state":3070,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### 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?",[3116,3117,3118],{"name":3021,"color":3022},{"name":3081,"color":3082},{"name":3084,"color":3082},2053,"How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.77503496,{"description":3125,"labels":3126,"number":3131,"owner":3027,"repository":3028,"state":3070,"title":3132,"updated_at":3133,"url":3134,"score":3135},"### 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_",[3127,3128,3129,3130],{"name":3038,"color":3039},{"name":3041,"color":3042},{"name":3081,"color":3082},{"name":3084,"color":3082},2037,"Nested/Children columns for UTable","2025-06-18T09:06:35Z","https://github.com/nuxt/ui/issues/2037",0.7784865,{"description":3137,"labels":3138,"number":3142,"owner":3027,"repository":3028,"state":3070,"title":3143,"updated_at":3144,"url":3145,"score":3146},"### 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_",[3139,3140,3141],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3041,"color":3042},4403,"UCarousel selected dot has no attribute","2025-07-07T10:09:58Z","https://github.com/nuxt/ui/issues/4403",0.7835843,["Reactive",3148],{},["Set"],["ShallowReactive",3151],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFo9fKwdwdHZ7l_OYW20bsnto-Zo1anL2cGTJCOHIadY":-1},"/nuxt/ui/4410"]