\n```\nThis will help users operate data tables more efficiently.\n\n### Additional context\n\n_No response_",[2887,2888],{"name":2857,"color":2858},{"name":2860,"color":2861},2851,"UTable keyboard events","2024-12-09T05:42:48Z","https://github.com/nuxt/ui/issues/2851",0.7466361,{"description":2895,"labels":2896,"number":2898,"owner":2863,"repository":2864,"state":2899,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### For what version of Nuxt UI are you suggesting this?\n\nv2\n\n### Description\n\nPlease export `UTable` types in '#ui/types' too (Rows/Columns types).\nThanks\n\n### Additional context\n\n_No response_",[2897],{"name":2857,"color":2858},2373,"closed","UTable types","2024-10-15T09:05:21Z","https://github.com/nuxt/ui/issues/2373",0.7014281,{"description":2905,"labels":2906,"number":2909,"owner":2863,"repository":2864,"state":2899,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Description\n\nIs there a template available of how to implement a custom column filter for the Nuxt UI (TanStack) tables?\n\nI have read the TanStack documentation but I cannot figure out how to implement it in the Nuxt UI version. I cannot seem to find any samples online either.\n\nThanks!",[2907,2908],{"name":2874,"color":2875},{"name":2877,"color":2878},4217,"Custom column filter in table","2025-05-26T12:39:05Z","https://github.com/nuxt/ui/issues/4217",0.71484125,{"description":2915,"labels":2916,"number":2918,"owner":2863,"repository":2864,"state":2899,"title":2919,"updated_at":2920,"url":2921,"score":2922},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\ni add the default table but have another styling.\nhow can i fix this? \n\n` \u003CUTable\n v-model:expand=\"expand\"\n class=\"w-full\"\n :loading-state=\"{ icon: 'i-heroicons-arrow-path-20-solid', label: 'Loading...' }\"\n :progress=\"{ color: 'primary', animation: 'carousel' }\"\n :rows=\"people\"\n :columns=\"columns\"\n >`\n\n",[2917],{"name":2874,"color":2875},2667,"I have no styling at the default UTable","2024-11-17T11:13:44Z","https://github.com/nuxt/ui/issues/2667",0.7161719,{"description":2924,"labels":2925,"number":2931,"owner":2863,"repository":2863,"state":2899,"title":2932,"updated_at":2933,"url":2934,"score":2935},"I need to style the parent [App.vue wrapper](https://github.com/nuxt/nuxt.js/blob/dev/lib/app/App.vue#L2), setting it to 100% height to allow for a sticky footer component. Would be great to have a config option to pass a class to this template, rather than having to style `#__nuxt`, which seems privately designated (and it's poor practice to make style declarations assigned to ids).\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/c967\">#c967\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2926,2928],{"name":2874,"color":2927},"cc317c",{"name":2929,"color":2930},"2.x","d4c5f9",1102,"Provide hook to add custom class to #__nuxt wrapper","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1102",0.74192274,{"description":2937,"labels":2938,"number":2942,"owner":2863,"repository":2863,"state":2899,"title":2943,"updated_at":2944,"url":2945,"score":2946},"Hello,\r\n\r\nWhen I add a class on \u003Cnuxt /> tag in a template, it's added rightly on SSR, but not when rendered with client.\r\n\r\nPoC : https://glitch.com/edit/#!/nuxt-issue-672\r\n\r\nIn this PoC, on the index page, when about is rendered with server, we can see red background, not when it's rendered by client.\r\n\r\nThanks,\r\nGaël\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c581\">#c581\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2939,2941],{"name":2857,"color":2940},"8DEF37",{"name":2929,"color":2930},672,"Class on \u003Cnuxt /> tag","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/672",0.7429074,{"labels":2948,"number":2953,"owner":2863,"repository":2863,"state":2899,"title":2954,"updated_at":2955,"url":2956,"score":2957},[2949,2950],{"name":2857,"color":2940},{"name":2951,"color":2952},"3.x","29bc7f",14197,"Custom index.html/app.html like in Nuxt2/Nuxt.js","2023-01-19T17:43:10Z","https://github.com/nuxt/nuxt/issues/14197",0.7467767,{"description":2959,"labels":2960,"number":2963,"owner":2863,"repository":2864,"state":2899,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Description\n\nHi,\n\nI'm just trying migrate to the v3 table component but I'm kind of stuck while trying to apply the correct column widths to the columns which before (in v2) was possible via simple tailwind classes per column.\nFor example a table has an action button in the last column, so the column should only have the width of the icon of the button so that other columns have more space but the column width is automatically about four times the button's size by default instead.\n\nThe [TanStack Table Docs](https://tanstack.com/table/v8/docs/guide/column-sizing) state that individual column sizes must be applied manually which also seems right looking at the [table component code](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Table.vue) if I didn't miss anything in that regard.\n\nFrom my understanding the custom width styling must be applied to the `th`/`td` elements since every styling attempt inside the slots to make a column smaller (e.g. only 32px) did not work and only affected the content inside the header/cell slots.\n\nIs there any way at the moment to set a custom width for specific columns with the current implementation of the table component?",[2961,2962],{"name":2874,"color":2875},{"name":2877,"color":2878},3935,"Table custom column size adjustments","2025-05-03T12:03:11Z","https://github.com/nuxt/ui/issues/3935",0.7469475,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQH_u56czcVGntQpOvg-h-F4G5MpD4pR6-sGevKBltR0":-1},"/nuxt/ui/2377"]