Skip to content

[Documentation] Add Tree Data example in Table documentation #4786

@InfernalAzazel

Description

@InfernalAzazel

Description

Description
First of all, thanks to the Nuxt UI team 🙏. The Table component is already very powerful and easy to use.
However, I noticed that the documentation currently does not include an example for Tree Data (hierarchical table rows).

Tree data tables are very common in real-world scenarios such as organization structures, directory hierarchies, or permission management. For reference, Ant Design Table provides a Tree Data example which is very helpful for developers.

Use Case

  • Add a Tree Data example in the docs.
  • Demonstrate how to define hierarchical rows via a children field (or similar property).
  • Ideally, include an example showing row selection with/without cascading (similar to CheckStrictly in Ant Design).

Expected Behavior
The documentation should include a Tree Data demo, making it easier for developers to get started with hierarchical tables. For example:

Image

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesttriageAwaiting initial review and prioritizationv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions