\n\n\u003Cimg width=\"1315\" height=\"541\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e12e8c0c-9e43-45ee-8e81-5ee9ff1e8c50\" />",[3145,3148],{"name":3146,"color":3147},"question","d876e3",{"name":3149,"color":3150},"v3","49DCB8",4721,"nuxt","ui","open","Multi-column pinning behavior differs from TanStack Table - only first pinned column remains sticky","2025-08-12T14:56:56Z","https://github.com/nuxt/ui/issues/4721",0.6944633,{"description":3160,"labels":3161,"number":3166,"owner":3152,"repository":3153,"state":3154,"title":3167,"updated_at":3168,"url":3169,"score":3170},"- [x] Pagination\n- [ ] Row Pinning\n- [x] Grouping\n- [ ] Virtualization\n- ...\n\n\n",[3162,3165],{"name":3163,"color":3164},"enhancement","a2eeef",{"name":3149,"color":3150},2441,"[Table] Implement more TanStack Table features","2025-05-07T13:26:12Z","https://github.com/nuxt/ui/issues/2441",0.73319536,{"description":3172,"labels":3173,"number":3176,"owner":3152,"repository":3153,"state":3154,"title":3177,"updated_at":3178,"url":3179,"score":3180},"### 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?",[3174,3175],{"name":3146,"color":3147},{"name":3149,"color":3150},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.73624206,{"description":3182,"labels":3183,"number":3186,"owner":3152,"repository":3153,"state":3154,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Description\n\nThinking through the complexities of form management, and the current implementation in Nuxt UI, I'm wondering, would it make sense to defer the \"heavy lifting\" to external form libraries?\n\nForms can get pretty complicated as the data model becomes more complex. That is where established form libraries shine.\n\nThese are some libraries that I've used with NuxtUi myself, (granted with various levels of boilerplate that is required).\n\n**Formwerk**\nhttps://formwerk.dev/\n- I'm involved in this project\n- Its intended, primarily, to be incorporated in UI libraries.\n- I've worked with its creator @logaretm and I'm sure he'd be willing to support any integration challenges. \n- Very well written code and highly tested.\n\n**Reagle**\nhttps://github.com/victorgarciaesgi/regle\n- Fairly new, but it takes an interesting headless approach.\n- Could potentially be the easiest to integrate\n- Because its fairly new, It may not be as well documented or battle tested with complex forms\n\nNon-vue specific libraries\n**Tanstack Forms**\nhttps://tanstack.com/form/latest\n- We already use tanstack table, so this could make sense\n- Its still relatively new -- it may not be as polished for the vue ecosystem.\n \n...possibly more?\n\n@romhml since you made significant contributions to the form implementation in Nuxt UI, I would love to hear your thoughts. Do you envision the current implementation to be expanded?",[3184,3185],{"name":3146,"color":3147},{"name":3149,"color":3150},4724,"Defer form functionality to third party","2025-08-14T15:14:08Z","https://github.com/nuxt/ui/issues/4724",0.76002014,{"description":3192,"labels":3193,"number":3195,"owner":3152,"repository":3153,"state":3196,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### 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_",[3194],{"name":3163,"color":3164},2377,"closed","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.71146125,{"description":3202,"labels":3203,"number":3206,"owner":3152,"repository":3153,"state":3196,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### 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?",[3204,3205],{"name":3146,"color":3147},{"name":3149,"color":3150},3935,"Table custom column size adjustments","2025-05-03T12:03:11Z","https://github.com/nuxt/ui/issues/3935",0.7216647,{"description":3212,"labels":3213,"number":3215,"owner":3152,"repository":3153,"state":3196,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### 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_",[3214],{"name":3163,"color":3164},2373,"UTable types","2024-10-15T09:05:21Z","https://github.com/nuxt/ui/issues/2373",0.72196984,{"description":3221,"labels":3222,"number":3228,"owner":3152,"repository":3153,"state":3196,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### 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_",[3223,3224,3225],{"name":3163,"color":3164},{"name":3149,"color":3150},{"name":3226,"color":3227},"triage","ffffff",3296,"Support for Multi-Row and Colspan Headers in UTable Component","2025-07-01T12:05:35Z","https://github.com/nuxt/ui/issues/3296",0.73239714,{"description":3234,"labels":3235,"number":3237,"owner":3152,"repository":3153,"state":3196,"title":3238,"updated_at":3239,"url":3240,"score":3241},"### Description\n\n### Background\r\nThe current Table component in Nuxt UI allows for the listing of data but lacks a dedicated area for displaying supplementary information such as summary results. This limitation hinders the ability to present crucial data insights and reports.\r\n\r\n### Feature Proposal\r\nI propose the addition of a Footer area to the Table component. This Footer should be adjustable based on the columns specification, similar to how rows are handled. It would serve as a space for displaying aggregate results, subtotals, and other important notes related to the data.\r\n\r\n### Expected Impact\r\nWith this feature, the Nuxt UI Table component will become more versatile, offering a more comprehensive set of options for data presentation. Users will be able to glean a more comprehensive understanding of their data by viewing aggregate results and other key information directly within the table.\r\n\r\n### Additional Considerations\r\nImplementing the Footer must carefully balance design and functionality, as it could impact the existing structure of the Table component. Ensuring compatibility with existing features and maintaining extensibility is also crucial.\n\n### Additional context\n\nI am not a native English speaker, so this message was generated with the assistance of ChatGPT.\r\n> 英語話者ではないため、ChatGPTによりメッセージを生成しています。",[3236],{"name":3163,"color":3164},1025,"Add Footer Feature to Table Component","2025-07-02T14:57:22Z","https://github.com/nuxt/ui/issues/1025",0.74300534,{"description":3243,"labels":3244,"number":3249,"owner":3152,"repository":3153,"state":3196,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### 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_",[3245,3246,3248],{"name":3163,"color":3164},{"name":3247,"color":3227},"wontfix-v2",{"name":3149,"color":3150},1651,"Add colspan and rowspan support for table","2025-07-01T12:05:52Z","https://github.com/nuxt/ui/issues/1651",0.7438299,["Reactive",3255],{},["Set"],["ShallowReactive",3258],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fve_2Mva1vxlXqlxJzTmGyBn1n1ZRC8f-2pMebMK81Cg":-1},"/nuxt/ui/4217"]