\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",[3139,3142],{"name":3140,"color":3141},"question","d876e3",{"name":3143,"color":3144},"v3","49DCB8",4563,"nuxt","ui","open","`useVirtualList` example for `UTable`","2025-07-21T11:23:04Z","https://github.com/nuxt/ui/issues/4563",0.6413629,{"description":3154,"labels":3155,"number":3160,"owner":3146,"repository":3147,"state":3148,"title":3161,"updated_at":3162,"url":3163,"score":3164},"- [x] Pagination\n- [ ] Row Pinning\n- [x] Grouping\n- [ ] Virtualization\n- ...\n\n\n",[3156,3159],{"name":3157,"color":3158},"enhancement","a2eeef",{"name":3143,"color":3144},2441,"[Table] Implement more TanStack Table features","2025-05-07T13:26:12Z","https://github.com/nuxt/ui/issues/2441",0.76331156,{"description":3166,"labels":3167,"number":3170,"owner":3146,"repository":3147,"state":3148,"title":3171,"updated_at":3172,"url":3173,"score":3174},"### Description\n\nWe've been using tanstack/vue-table for a while now with our own meta declaration. Now we started using nuxt ui, which is great but the meta declaration in Table.d.ts is messing up the ts types. \n\nHow would we get rid of it?",[3168,3169],{"name":3140,"color":3141},{"name":3143,"color":3144},4828,"How to get rid of the meta declaration in Table.d.ts","2025-08-26T14:31:46Z","https://github.com/nuxt/ui/issues/4828",0.7695553,{"description":3176,"labels":3177,"number":3181,"owner":3146,"repository":3182,"state":3183,"title":3184,"updated_at":3185,"url":3186,"score":3187},"",[3178],{"name":3179,"color":3180},"design","00bd6f",1209,"nuxt.com","closed","[Workshop] Workshop single page ","2023-10-10T14:45:09Z","https://github.com/nuxt/nuxt.com/issues/1209",0.46096805,{"description":3189,"labels":3190,"number":3196,"owner":3146,"repository":3147,"state":3183,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nDoesn't it make more sense to render a `section` element on [LandingSection](https://ui.nuxt.com/pro/components/landing-section)?\n\nIf no, can I change it natively (aka without need to rewrite all the component or create my own component)?",[3191,3192,3193],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3194,"color":3195},"pro","5BD3CB",2437,"[Pro] Why LandingSection component render a `div` instead of a `section` element?","2024-10-22T21:02:07Z","https://github.com/nuxt/ui/issues/2437",0.61396694,{"description":3202,"labels":3203,"number":3208,"owner":3146,"repository":3147,"state":3183,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Description\n\nIt would be great if the Nuxt UI carousel component could support infinite scrolling, allowing users to continuously scroll through items without reaching an end. This feature is commonly seen in many modern carousels and would enhance the user experience, especially for carousels with a limited number of items or those designed for continuous looping.\n\n### Additional context\n\n_No response_",[3204,3207],{"name":3205,"color":3206},"duplicate","cfd3d7",{"name":3157,"color":3158},2286,"Add Infinite Scrolling to Nuxt UI Carousel Component","2024-10-02T09:14:42Z","https://github.com/nuxt/ui/issues/2286",0.71176714,{"description":3214,"labels":3215,"number":3219,"owner":3146,"repository":3147,"state":3183,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Description\n\nThe UPageCard component supports highlight and spotlight modes, but there’s no way to change its color dynamically. It just uses the primary color. It would be nice to be able to change this by a color prop.\n\n### Additional context\n\n_No response_",[3216,3217,3218],{"name":3157,"color":3158},{"name":3143,"color":3144},{"name":3194,"color":3195},3389,"UPageCard: Allow setting color","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3389",0.7195441,{"description":3225,"labels":3226,"number":3233,"owner":3146,"repository":3146,"state":3183,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Environment\r\n\r\nNUXTUI, NUXT3\r\n\r\n### Reproduction\r\n\r\nI have a list of tables defined as such:\r\n`\r\n\u003Cli v-for=\"r in rsp\" class=\"list-none\">\r\n \u003Cdiv class=\"text-lg mb-2\"> {{ r.name }} \u003C/div>\r\n \u003CUTable v-model=\"selected\" :rows=\"r.links\" :columns=\"columns\" class=\"mb-4\">\r\n\r\n \u003Ctemplate #actions-data=\"{ row }\">\r\n \u003CUDropdown :items=\"items(row)\">\r\n \u003CUButton color=\"gray\" variant=\"ghost\" icon=\"i-heroicons-ellipsis-horizontal-20-solid\" />\r\n \u003C/UDropdown>\r\n \u003C/template>\r\n\r\n \u003C/UTable>\r\n \u003C/li>`\r\n\r\nThis renders correctly and works wonderfully. The only issue is when I use the \"select\" feature, the two tables sometimes interact where they shouldn't. \r\n\r\nI see this happen when table 1 (that has 5 elements) when I select 2 elements from it, table 2 thinks all elements in table 2 have been selected. This probably has to do with a check to see if the number of selected elements match the number of elements in the table (to see if all elements are selected and change the select icon accordingly). However, when there are two separate tables, they should act independently. \r\n\r\nPicture for reference:\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nTables that are inside a list and are expected to behave independently are interacting with one another through the SELECT feature.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3227,3230],{"name":3228,"color":3229},"3.x","29bc7f",{"name":3231,"color":3232},"pending triage","E99695",25135,"Table \"Select all\" gets confused when tables are inside a list","2024-01-10T14:21:12Z","https://github.com/nuxt/nuxt/issues/25135",0.73486066,{"description":3239,"labels":3240,"number":3247,"owner":3146,"repository":3147,"state":3183,"title":3248,"updated_at":3249,"url":3250,"score":3251},"### 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`.",[3241,3242,3245],{"name":3157,"color":3158},{"name":3243,"color":3244},"closed-by-bot","ededed",{"name":3246,"color":3244},"stale",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.74319,{"description":3253,"labels":3254,"number":3258,"owner":3146,"repository":3147,"state":3183,"title":3259,"updated_at":3260,"url":3261,"score":3262},"### 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?",[3255,3256,3257],{"name":3140,"color":3141},{"name":3243,"color":3244},{"name":3246,"color":3244},2053,"How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.7440439,["Reactive",3264],{},["Set"],["ShallowReactive",3267],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRfjo1SQMyUEzxWDHwR910FdIf8EJ8ttUUr7-02yGHSI":-1},"/nuxt/ui/1209"]