> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/dev-guide/developer-guide-en/pjt-prepare/ui-ux-guide/patterns/tree-configuration-and-layout.md).

# Tree Configuration and Layout

## Menu List <a href="#undefined" id="undefined"></a>

![](https://tech.x2bee.com/download/attachments/14942914/UI_UX_%ED%8A%B8%EB%A6%AC.png)

* Hierarchical information can be represented in a tree structure.
* Structured so that grouping information can be seen at a glance
* The upper level to which the selected data belongs is displayed in blue to clearly indicate the membership relationship.

## Screen List <a href="#undefined" id="undefined"></a>

* Row-by-row listing representation for hierarchical data
* A lookup-based type for checking information

<br>

<figure><img src="https://tech.x2bee.com/download/attachments/14942914/Grid-%ED%8A%B8%EB%A6%AC%20%ED%99%94%EB%A9%B4%20%EB%AA%A9%EB%A1%9D.png" alt=""><figcaption></figcaption></figure>