\nNuxt4's default request splitting is too fine-grained, causing slow requests.",[3170],{"name":3171,"color":3172},"pending triage","E99695",33012,"How to merge resources in development environment","2025-08-20T10:43:47Z","https://github.com/nuxt/nuxt/issues/33012",0.76665163,{"description":3179,"labels":3180,"number":3185,"owner":3146,"repository":3147,"state":3162,"title":3186,"updated_at":3187,"url":3188,"score":3189},"### Description\n\nCurrently, the table component (\u003Cutable>) in NuxtUI lacks the ability to set colspan and rowspan for cells within the table. Adding this feature would enhance the capability and flexibility in structuring more complex table data.\n\n### Additional context\n\n_No response_",[3181,3182,3184],{"name":3140,"color":3141},{"name":3183,"color":3160},"wontfix-v2",{"name":3143,"color":3144},1651,"Add colspan and rowspan support for table","2025-07-01T12:05:52Z","https://github.com/nuxt/ui/issues/1651",0.7678878,{"description":3191,"labels":3192,"number":3199,"owner":3146,"repository":3147,"state":3162,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### 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`.",[3193,3194,3197],{"name":3140,"color":3141},{"name":3195,"color":3196},"closed-by-bot","ededed",{"name":3198,"color":3196},"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.77172047,{"description":3205,"labels":3206,"number":3210,"owner":3146,"repository":3146,"state":3162,"title":3211,"updated_at":3212,"url":3213,"score":3214},"\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9022\">#c9022\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3207],{"name":3208,"color":3209},"2.x","d4c5f9",5496,"official website duplicated items","2023-01-18T20:12:55Z","https://github.com/nuxt/nuxt/issues/5496",0.7764471,{"description":3216,"labels":3217,"number":3222,"owner":3146,"repository":3147,"state":3162,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Description\n\nAny idea how to configure a Table to support draggable rows if some of them are also extended?\n\nLooks like solution proposed in docs: https://ui.nuxt.com/components/table#with-drag-and-drop does not take into account that extended rows are just added as another `\u003Ctr>` element to `\u003Ctbody>`. \n",[3218,3221],{"name":3219,"color":3220},"question","d876e3",{"name":3143,"color":3144},4454,"Draggable table with expanded rows","2025-07-14T17:31:26Z","https://github.com/nuxt/ui/issues/4454",0.7817621,{"description":3228,"labels":3229,"number":3234,"owner":3146,"repository":3147,"state":3162,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### 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",[3230,3233],{"name":3231,"color":3232},"bug","d73a4a",{"name":3143,"color":3144},3982,"Table\u003Cunknown> after updating to 3.1.0?","2025-04-29T16:06:50Z","https://github.com/nuxt/ui/issues/3982",0.78371084,{"description":3240,"labels":3241,"number":3245,"owner":3146,"repository":3147,"state":3162,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Description\r\n\r\nThe code for specifying column width when there is no data is as follows and it is expected\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CUTable :empty-state=\"{ icon: 'i-heroicons-circle-stack-20-solid', label: 'No items.' }\" :rows=\"people\"\r\n :columns=\"columns\">\r\n \u003Ctemplate #from-data=\"{ row }\">\r\n {{ row.from.value }}\r\n \u003C/template>\r\n \u003C/UTable>\r\n \u003CUNotifications>\r\n \u003Ctemplate #title=\"{ title }\">\r\n \u003Cspan v-html=\"title\" />\r\n \u003C/template>\r\n\r\n \u003Ctemplate #description=\"{ description }\">\r\n \u003Cspan v-html=\"description\" />\r\n \u003C/template>\r\n \u003C/UNotifications>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst toast = useToast()\r\nconst app = useNuxtApp()\r\n\r\nconst columns = [{\r\n key: \"id\",\r\n label: \"编号\",\r\n class: 'w-16'\r\n}, {\r\n key: \"from\",\r\n label: \"发方\",\r\n class: 'w-[180px]'\r\n}, {\r\n key: \"to\",\r\n label: \"接方\",\r\n class: 'w-[180px]'\r\n\r\n}, {\r\n key: \"type\",\r\n label: \"类型\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"value\",\r\n label: \"金额\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"hash\",\r\n label: \"哈希\",\r\n}\r\n]\r\n\r\nconst people = ref([\r\n /*{\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }*/\r\n])\r\n\r\n\r\n\u003C/script>\r\n\r\n\r\n\u003Cstyle>\r\na {\r\n color: #65a30d;\r\n font-weight: 700;\r\n font-size: 20px;\r\n}\r\n\r\n\r\n\u003C/style>\r\n```\r\n\r\n\r\n\r\nHowever, once there is data, it will be stretched open. How can I fix the header so that the content is partially hidden and drag the header to decide whether to hide or display it? This is too common in daily development and provides a good user experience\r\n\r\n\r\n```vue\r\nconst people = ref([\r\n {\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }\r\n])\r\n```\r\n\r\n",[3242,3243,3244],{"name":3219,"color":3220},{"name":3195,"color":3196},{"name":3198,"color":3196},2092,"UTable column width","2025-06-18T09:06:18Z","https://github.com/nuxt/ui/issues/2092",0.78656614,{"description":3251,"labels":3252,"number":3255,"owner":3146,"repository":3147,"state":3162,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[3253,3254],{"name":3219,"color":3220},{"name":3143,"color":3144},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.787084,["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fL1_ipxeuxyyhZklhK7BOmNZzhfHUfk_2_KNPO3QnBVk":-1},"/nuxt/ui/4756"]