\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_",[2997,3000],{"name":2998,"color":2999},"3.x","29bc7f",{"name":3001,"color":3002},"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.7348606,{"description":3009,"labels":3010,"number":3017,"owner":2911,"repository":2912,"state":2953,"title":3018,"updated_at":3019,"url":3020,"score":3021},"### 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`.",[3011,3012,3015],{"name":2922,"color":2923},{"name":3013,"color":3014},"closed-by-bot","ededed",{"name":3016,"color":3014},"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.74319,{"description":3023,"labels":3024,"number":3028,"owner":2911,"repository":2912,"state":2953,"title":3029,"updated_at":3030,"url":3031,"score":3032},"### 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?",[3025,3026,3027],{"name":2905,"color":2906},{"name":3013,"color":3014},{"name":3016,"color":3014},2053,"How to span columns in UTable?","2025-06-18T09:06:29Z","https://github.com/nuxt/ui/issues/2053",0.7440439,["Reactive",3034],{},["Set"],["ShallowReactive",3037],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRfjo1SQMyUEzxWDHwR910FdIf8EJ8ttUUr7-02yGHSI":-1},"/nuxt/ui/1209"]