Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature Request]: Datatable multi nesting expansion #12617

Open
1 task done
vnikiten01 opened this issue Nov 14, 2022 · 1 comment
Open
1 task done

[Feature Request]: Datatable multi nesting expansion #12617

vnikiten01 opened this issue Nov 14, 2022 · 1 comment
Labels
adopter: product Work-stream that directly helps a Product team. adopter: strategic-product Work-stream that directly effects the Product-led Growth initiative. component: data-table package: @carbon/react @carbon/react proposal: open This request has gone through triaging. We're determining whether we take this on or not. role: design ✏️ role: dev 🤖 type: enhancement 💡 version: 11 Issues pertaining to Carbon v11

Comments

@vnikiten01
Copy link

The problem

Would like to visualize parent child relationships / treeData within Datatables.

Example use case
Take the example of someone that wants to create a picture collage. As a user I want to easily navigate my photos folder structures and select relevant items.
Photos are grouped under months, months grouped under years. In a datatable I would expand and drill down to any node level to select all or individual items.

image

The solution

Provided example from ag-grid of behavior
AG-Grid DataTable: Tree Data Example

Examples

AG-Grid DataTable: Tree Data Example

Application/PAL

turbonomic

Business priority

No response

Available extra resources

No response

Code of Conduct
@sstrubberg sstrubberg added adopter: product Work-stream that directly helps a Product team. component: data-table version: 11 Issues pertaining to Carbon v11 proposal: open This request has gone through triaging. We're determining whether we take this on or not. role: dev 🤖 package: @carbon/react @carbon/react role: design ✏️ and removed status: needs triage 🕵️‍♀️ labels Nov 17, 2022
@tay1orjones tay1orjones added the adopter: strategic-product Work-stream that directly effects the Product-led Growth initiative. label Feb 23, 2023
@sstrubberg
Copy link
Member

Possible pattern:

https://carbon-for-ibm-products.netlify.app/?path=/story/ibm-products-components-datagrid-datagrid-canary-extensions-nestedrows--nested-rows-usage-story

Collaboration with C4IBMP, lives with them.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
adopter: product Work-stream that directly helps a Product team. adopter: strategic-product Work-stream that directly effects the Product-led Growth initiative. component: data-table package: @carbon/react @carbon/react proposal: open This request has gone through triaging. We're determining whether we take this on or not. role: design ✏️ role: dev 🤖 type: enhancement 💡 version: 11 Issues pertaining to Carbon v11
Projects
Enhancements Roadmap
Status: For the PALs
Milestone
No milestone
Development

No branches or pull requests
3 participants
@tay1orjones @vnikiten01 @sstrubberg