\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_",[3183,3186],{"name":3184,"color":3185},"3.x","29bc7f",{"name":3187,"color":3188},"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.7454514,{"description":3195,"labels":3196,"number":3206,"owner":3149,"repository":3150,"state":3175,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### 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_",[3197,3200,3201,3204],{"name":3198,"color":3199},"enhancement","a2eeef",{"name":3146,"color":3147},{"name":3202,"color":3203},"closed-by-bot","ededed",{"name":3205,"color":3203},"stale",2796,"UTable row click event","2025-06-18T09:05:27Z","https://github.com/nuxt/ui/issues/2796",0.7485253,{"description":3212,"labels":3213,"number":3216,"owner":3149,"repository":3150,"state":3175,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### 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```",[3214,3215],{"name":3160,"color":3161},{"name":3143,"color":3144},3443,"Does Select work with NuxtLink/UI Link?","2025-03-04T09:18:16Z","https://github.com/nuxt/ui/issues/3443",0.7494157,{"description":3222,"labels":3223,"number":3227,"owner":3149,"repository":3149,"state":3175,"title":3228,"updated_at":3229,"url":3230,"score":3231},"Any good practical examples of code splitting in nuxt?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c206\">#c206\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3224,3226],{"name":3160,"color":3225},"cc317c",{"name":3172,"color":3173},244,"Code splitting in nuxt","2023-01-18T15:38:39Z","https://github.com/nuxt/nuxt/issues/244",0.7503481,{"description":3233,"labels":3234,"number":3240,"owner":3149,"repository":3150,"state":3175,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Description\n\n### Desired Functionality: \n1. **Cell Selection** – Click to select individual cells \n2. **Range Selection** – Click + drag (or Shift+Click) to select multiple cells \n3. **Fill Handle** – Drag-corner to copy/fill values (with optional smart detection, like Excel) \n\n### Additional context\n\n_No response_",[3235,3236,3237,3238,3239],{"name":3198,"color":3199},{"name":3143,"color":3144},{"name":3146,"color":3147},{"name":3202,"color":3203},{"name":3205,"color":3203},4393,"Would it be possible to add Excel-like cell selection, range selection, and fill handle to Nuxt UI tables?","2025-09-01T02:13:28Z","https://github.com/nuxt/ui/issues/4393",0.7508046,{"description":3246,"labels":3247,"number":3251,"owner":3149,"repository":3150,"state":3175,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Description\n\nDescription:\nI am currently using the UTable component from Nuxt UI and have encountered a limitation regarding the customization of table headers. Specifically, I need to create a table with multi-row headers and the ability to merge columns using colspan. For example, the multi-row spanning column headers shown in the image.However, the current implementation of the UTable component does not seem to support this feature.\n\n\nCurrent Behavior:\n\nThe header property allows for custom content using the h function, but it is limited to single-column customization.\nThe available slots are primarily designed for single-column or specific row customization and do not support multi-column header customization.\nExpected Behavior:\n\nAbility to define headers that span multiple rows and columns.\nSupport for colspan and rowspan attributes in the header configuration to allow for more complex table layouts.\nEnhanced slot functionality to support multi-column header customization.\nUse Case:\nThis feature is essential for creating complex data tables where grouped headers are necessary for better data organization and presentation. It is particularly useful in scenarios where data needs to be categorized under broader headings.\n\nProposed Solution:\n\nIntroduce a mechanism in the UTable component to allow for multi-row and multi-column header definitions.\nProvide examples and documentation on how to implement these features using the existing API or through new enhancements.\nConsider expanding the slot functionality to support more complex header customizations.\nAdditional Context:\n\nThis feature is commonly supported in other table libraries and would greatly enhance the flexibility and usability of the UTable component in Nuxt UI.\nEnvironment:\n\nNuxt UI version: [3.0.0-alpha.12]\nNuxt version: [^3.15.4]\n\nRelated Issues Link:\nhttps://github.com/nuxt/ui/issues/1289#issuecomment-2652919275\nhttps://github.com/nuxt/ui/issues/1651\nhttps://github.com/nuxt/ui/issues/2053\n\nRelated Documentation Link:\nhttps://ui3.nuxt.dev/components/table\n\n### Additional context\n\n_No response_",[3248,3249,3250],{"name":3198,"color":3199},{"name":3143,"color":3144},{"name":3146,"color":3147},3296,"Support for Multi-Row and Colspan Headers in UTable Component","2025-07-01T12:05:35Z","https://github.com/nuxt/ui/issues/3296",0.75244594,{"description":3257,"labels":3258,"number":3263,"owner":3149,"repository":3150,"state":3175,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.7`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@2.19.2`, `@artmizu/nuxt-prometheus@2.4.0`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n### Version\n\nv2.21.1\n\n### Reproduction\n\nhttps://ui2.nuxt.com/components/select-menu#control-the-query\n\nTry to select `Wade` in the query input with mouse or trackpad \n\u003Cimg width=\"494\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a0e90d62-aabb-4d40-9d8d-a6fed67fee02\" />\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3259,3260,3261,3262],{"name":3140,"color":3141},{"name":3146,"color":3147},{"name":3202,"color":3203},{"name":3205,"color":3203},3583,"Accessibility: unable to select text in the query input of a select-menu","2025-06-18T09:01:31Z","https://github.com/nuxt/ui/issues/3583",0.7531214,["Reactive",3269],{},["Set"],["ShallowReactive",3272],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$faDvOHKxB_yu7m3qdQyVxYZ0jB8wMWVV4FZgF1KEh_uk":-1},"/nuxt/ui/4063"]