\n```\n\ninstead of\n\n```vue\n// Current workaround\n\u003CUTable\n :meta=\"{ class: {\n tr: row => (row.getCanSelect()\n ? 'cursor-pointer'\n : 'data-[selectable=true]:!bg-accented data-[selectable=true]:hover:!bg-accented'),\n } }\"\n/>\n\n```\n\nI understand the need to have some sensible defaults, but I propose changing this to\n\n```html\n\u003Ctr :data-selectable=\"!!props.rowSelectionOptions?.enableRowSelection \n ? row.getCanSelect() : !!props.onSelect || !!props.onHover || !!props.onContextmenu\">\n```\n\np.s. Many thanks for all this beautiful work you have done so far.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3145,3148,3151],{"name":3146,"color":3147},"bug","d73a4a",{"name":3149,"color":3150},"triage","ffffff",{"name":3152,"color":3153},"v4","49DCB8",4968,"nuxt","ui","open","UTable row data-selectable attribute not aligned with TanStack API","2025-09-14T00:46:37Z","https://github.com/nuxt/ui/issues/4968",0.7061345,{"description":3163,"labels":3164,"number":3170,"owner":3155,"repository":3156,"state":3157,"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?",[3165,3168],{"name":3166,"color":3167},"question","d876e3",{"name":3169,"color":3153},"v3",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.72288525,{"description":3176,"labels":3177,"number":3183,"owner":3155,"repository":3156,"state":3184,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### 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_",[3178,3181,3182],{"name":3179,"color":3180},"enhancement","a2eeef",{"name":3169,"color":3153},{"name":3149,"color":3150},3296,"closed","Support for Multi-Row and Colspan Headers in UTable Component","2025-07-01T12:05:35Z","https://github.com/nuxt/ui/issues/3296",0.6886897,{"description":3190,"labels":3191,"number":3193,"owner":3155,"repository":3156,"state":3184,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### 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",[3192],{"name":3166,"color":3167},2667,"I have no styling at the default UTable","2024-11-17T11:13:44Z","https://github.com/nuxt/ui/issues/2667",0.6898211,{"description":3199,"labels":3200,"number":3202,"owner":3155,"repository":3156,"state":3184,"title":3203,"updated_at":3204,"url":3205,"score":3206},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHow can add a class to the \"selectable\" column? Other columns I can use the `class` attribute (https://ui.nuxt.com/components/table#columns) for the column, but for the automatically showing \"selectable\" column, there's no such way to customize it\n\n### Additional context\n\n_No response_",[3201],{"name":3179,"color":3180},2377,"Ability to add custom column data (specifically class) to automatically showing selectable column","2024-11-12T17:12:38Z","https://github.com/nuxt/ui/issues/2377",0.6979861,{"description":3208,"labels":3209,"number":3217,"owner":3155,"repository":3156,"state":3184,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.2\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools, modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-zboajgsk?file=package.json,app.vue\n\n### Description\n\nUTable crash when both rows and columns are undefined\n\nIn the reproduction, set the refs `haveCols` or `haveRows` to `true` to _fix_ it.\n\n### Additional context\n\nHaving no columns appear when using raw dynamic data.\nHaving no rows appear when fetching data is pending or error\n\n### Logs\n\n```shell-script\n\n```",[3210,3211,3212,3215],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3213,"color":3214},"closed-by-bot","ededed",{"name":3216,"color":3214},"stale",3463,"UTable crash when both rows and columns are undefined","2025-06-18T09:01:43Z","https://github.com/nuxt/ui/issues/3463",0.69894665,{"description":3223,"labels":3224,"number":3229,"owner":3155,"repository":3156,"state":3184,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Description\n\nGreetings, I noticed in the Utable documentation, nested or children columns are not mentioned. Is it possible to add this feature in the UTable component? \r\n\r\nOr If I missed something, does this feature already exist?\r\n\r\nIn my previous project, I had this feature using NextJS/AntD:\r\n\r\n\r\n**Result:**\r\n\r\n\r\n**Source code:**\r\n\r\n````tsx\r\n {\r\n dataIndex: \"\",\r\n title: \"Parent Column\",\r\n width: 300,\r\n children: [\r\n {\r\n dataIndex: \"ChildrenColumn1\",\r\n title: \"Children Column 1\",\r\n width: 150,\r\n render: (text: string) => \u003Cdiv>{text}\u003C/div>,\r\n },\r\n {\r\n dataIndex: \"ChildrenColumn2\",\r\n title: \"Children Column 2.\",\r\n width: 150,\r\n render: (text: string) => \u003Cdiv>{text}\u003C/div>,\r\n },\r\n ],\r\n },\r\n````\r\n\r\n\r\nThanks in advance!\r\n\r\n\r\n\n\n### Additional context\n\n_No response_",[3225,3226,3227,3228],{"name":3179,"color":3180},{"name":3149,"color":3150},{"name":3213,"color":3214},{"name":3216,"color":3214},2037,"Nested/Children columns for UTable","2025-06-18T09:06:35Z","https://github.com/nuxt/ui/issues/2037",0.7024708,{"description":3235,"labels":3236,"number":3240,"owner":3155,"repository":3156,"state":3184,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.17.1\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@11.3.0\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, runtimeConfig, ui\n- Runtime Modules: @nuxt/ui@3.1.0, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\n-\n\n### Description\n\nAfter upgrading from v3.0.2 to v3.1.0 I'm missing types for event binding directives and intellisense/automcomplete for attributes of all Nuxt UI components. Below I added a specific example for the Table component, but this happens to all components. I have removed node_modules, reinstalled, cleared the .nuxt and .output directories, and tried setting up a new project as well (using `npx nuxi init -t ui \u003Cmy-app>`).\n\nMissing types on event binding directives:\n\u003Cimg width=\"712\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b3bb862c-16aa-4deb-aa12-c07211034f9b\" />\n\nMissing autocomplete:\n\u003Cimg width=\"487\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/8a851f0a-5894-41ae-8cdf-3f2f51d2ab52\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3237,3238,3239],{"name":3146,"color":3147},{"name":3169,"color":3153},{"name":3149,"color":3150},4029,"Where are all the types? v3.0.2 -> v3.1.0 upgrade","2025-04-30T12:20:42Z","https://github.com/nuxt/ui/issues/4029",0.70628583,{"description":3246,"labels":3247,"number":3252,"owner":3155,"repository":3156,"state":3184,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nTo control the rows of the table, I need a slot for them. For instance, if I want to implement a reorder feature using drag and drop, I require a \u003Ctr> element to loop through.\n\n### Additional context\n\n_No response_",[3248,3249,3250,3251],{"name":3179,"color":3180},{"name":3149,"color":3150},{"name":3213,"color":3214},{"name":3216,"color":3214},2685,"[UTable] Add the functionality to include a slot for all \u003Ctr> elements, as well as a 'default' slot.","2025-06-18T09:05:45Z","https://github.com/nuxt/ui/issues/2685",0.706406,{"description":3258,"labels":3259,"number":3264,"owner":3155,"repository":3156,"state":3184,"title":3265,"updated_at":3266,"url":3267,"score":3268},"### 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_",[3260,3261,3263],{"name":3179,"color":3180},{"name":3262,"color":3150},"wontfix-v2",{"name":3169,"color":3153},1651,"Add colspan and rowspan support for table","2025-07-01T12:05:52Z","https://github.com/nuxt/ui/issues/1651",0.7076954,["Reactive",3270],{},["Set"],["ShallowReactive",3273],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYA0tVpyyeJFjLCdaas3O5mUqN7KQh_FnMoMtHNL562E":-1},"/nuxt/ui/2373"]