\n\n// filter by tags\nconst items = [\n {\n label: \"Show all tags\",\n value: \"\"\n },\n {\n label: \"Only Red Tags\",\n value: \"red\"\n },\n {\n label: \"Only Green Tags\",\n value: \"green\"\n }\n]\n\nconst tagFilter = ref(null)\n```\n\nbut in v3 I now get this error:\n\n> Error: A \u003CSelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.\n\nHow would I add this option in?",[3062,3063],{"name":3021,"color":3022},{"name":3024,"color":3025},3647,"How do I use an empty string with a USelect value?","2025-03-21T21:54:20Z","https://github.com/nuxt/ui/issues/3647",0.7619561,{"description":3070,"labels":3071,"number":3076,"owner":3027,"repository":3028,"state":3040,"title":3077,"updated_at":3078,"url":3079,"score":3080},"### Description\n\nTable is now of type unknown after updating to 3.1.0 - worked before in 3.0.x\nDid I miss anything?\n```\n const table = useTemplateRef(\"table\"); \n const selectedRowsMapPositions = computed(() =>\n table.value?.tableApi\n ?.getFilteredSelectedRowModel()\n .rows.map((row) => row.original?.id)\n .filter(Boolean)\n );\n```\n\n",[3072,3075],{"name":3073,"color":3074},"bug","d73a4a",{"name":3024,"color":3025},3982,"Table\u003Cunknown> after updating to 3.1.0?","2025-04-29T16:06:50Z","https://github.com/nuxt/ui/issues/3982",0.76405686,{"description":3082,"labels":3083,"number":3089,"owner":3027,"repository":3028,"state":3040,"title":3090,"updated_at":3091,"url":3092,"score":3093},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nI'm wondering if there is an event (similar to ``@select``) for hovering over a table row?\n\nI want to show a popover panel upon hovering over a row\n\nMy current workaround is to insert an action column, and wrap it in a ``UPopover`` component. But preferably, the entire row should act as a trigger\n\nAny suggestions?\n\n```\n\u003Ctemplate #preview-data=\"{ row }\">\n \u003CUPopover \n mode=\"hover\" \n :open-delay=\"300\" \n :disabled=\"isMounted && !grid.sm\"\n :ui=\"{\n ring: 'dark:ring-gray-700'\n }\"\n >\n \u003CUButton icon=\"i-heroicons-identification-20-solid\" color=\"purple\" square />\n\n \u003Ctemplate #panel>\n \u003CRegioloketPreview \n :data=\"row\"\n />\n \u003C/template>\n \u003C/UPopover>\n \u003C/template>\n\n```\n\n",[3084,3085,3088],{"name":3021,"color":3022},{"name":3086,"color":3087},"wontfix-v2","ffffff",{"name":3024,"color":3025},2435,"@hover event for UTable rows","2025-07-01T14:32:16Z","https://github.com/nuxt/ui/issues/2435",0.77506113,{"description":3095,"labels":3096,"number":3100,"owner":3027,"repository":3027,"state":3040,"title":3101,"updated_at":3102,"url":3103,"score":3104},"Hello is possible to access to component instance in meta object of the component page?\r\n\r\nExample in a page component:\r\n```\r\nmeta: {\r\n breadcrumb: this.category.title\r\n},\r\n```\r\n\r\nThis example throws an error because this.category is undefined. Maybe this will be a nice feature.\r\n\r\nThanks\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/c2715\">#c2715\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3097],{"name":3098,"color":3099},"2.x","d4c5f9",3134,"Access to component instance in meta","2023-01-18T16:10:06Z","https://github.com/nuxt/nuxt/issues/3134",0.7771158,{"description":3106,"labels":3107,"number":3114,"owner":3027,"repository":3027,"state":3040,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### 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_",[3108,3111],{"name":3109,"color":3110},"3.x","29bc7f",{"name":3112,"color":3113},"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.7802367,{"description":3120,"labels":3121,"number":3127,"owner":3027,"repository":3028,"state":3040,"title":3128,"updated_at":3129,"url":3130,"score":3131},"### 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`.",[3122,3125,3126],{"name":3123,"color":3124},"enhancement","a2eeef",{"name":3050,"color":3051},{"name":3053,"color":3051},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.78503597,{"description":3133,"labels":3134,"number":3138,"owner":3027,"repository":3028,"state":3040,"title":3139,"updated_at":3140,"url":3141,"score":3142},"### 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?",[3135,3136,3137],{"name":3021,"color":3022},{"name":3050,"color":3051},{"name":3053,"color":3051},2053,"How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.788367,["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feRoNukviE0WcthyX5HZm29-1cOdLsLwCvDgKSZRrbvY":-1},"/nuxt/ui/3289"]