search

adobe / react-spectrum

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
https://react-spectrum.adobe.com
Apache License 2.0
12.76k stars 1.09k forks source link

React aria components nested columns support #5672

Open marcovanharten-cpi opened 9 months ago

marcovanharten-cpi commented 9 months ago

Provide a general summary of the feature here

In React Aria Components there is no way to nest <Columns> to create nested columns.

The component docs anatomy example shows nested columns, however they do not work

🤔 Expected Behavior?

<Column title="Name">
  <Column isRowHeader>First Name</Column>
  <Column isRowHeader>Last Name</Column>
</Column>
<Column title="Information">
  <Column>Age</Column>
  <Column>Birthday</Column>
</Column>
image

😯 Current Behavior

Currently if you try this, apart from column not having a title prop, trying to render Columns within Columns will either:

💁 Possible Solution

No response

🔦 Context

We have recently moved from relying on our own maintenance of the useTable hook (react-aria useTable hook) to the <Column> from react-aria-components Table.

💻 Examples

No response

🧢 Your Company/Team

ChargePoint

🕷 Tracking Issue

No response

devongovett commented 9 months ago

It was removed at the last minute before GA due to some issues with the API (https://github.com/adobe/react-spectrum/issues/5263#issuecomment-1851049656) but we are planning on bringing it back.

brenotx commented 1 week ago

Is there any workaround for nesting columns?

snowystinger commented 1 week ago

Thanks for the inquiry, not at this time