let
| No | number
| 5
| Specify the number of rows |
-| border | let
| No | boolean
| false
| Set to `true` to use the bordered variant |
+| Prop name | Kind | Reactive | Type | Default value | Description |
+| :-------- | :--------------- | :------- | :------------------ | -------------- | -------------------------- |
+| rows | let
| No | number
| 5
| Specify the number of rows |
### Slots
@@ -4623,19 +4622,19 @@ export interface TreeNode {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :-------------------- | :------- | :------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
-| expandedIds | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be expanded |
-| selectedIds | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be selected |
-| activeId | let
| Yes | TreeNodeId
| ""
| Set the current active node idlet
| No | Array
| []
| Provide an array of children nodes to render |
-| size | let
| No | "default" | "compact"
| "default"
| Specify the TreeView size |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| expandAll | function
| No | () => void
| () => { expandedIds = [...nodeIds]; }
| Programmatically expand all nodes |
-| collapseAll | function
| No | () => void
| () => { expandedIds = []; }
| Programmatically collapse all nodes |
-| expandNodes | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter((node) => !filterNode(node)) .map((node) => node.id); }
| Programmatically expand a subset of nodes.function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter((node) => !filterNode(node)) .map((node) => node.id); }
| Programmatically collapse a subset of nodes.let
| Yes | TreeNodeId[]
| []
| Set the node ids to be expanded |
+| selectedIds | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be selected |
+| activeId | let
| Yes | TreeNodeId
| ""
| Set the current active node idlet
| No | Array
| []
| Provide an array of children nodes to render |
+| size | let
| No | "default" | "compact"
| "default"
| Specify the TreeView size |
+| labelText | let
| No | string
| ""
| Specify the label text |
+| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| expandAll | function
| No | () => void
| () => { expandedIds = [...nodeIds]; }
| Programmatically expand all nodes |
+| collapseAll | function
| No | () => void
| () => { expandedIds = []; }
| Programmatically collapse all nodes |
+| expandNodes | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter( (node) => filterNode(node) || node.children?.some((child) => filterNode(child) && child.children) ) .map((node) => node.id); }
| Programmatically expand a subset of nodes.function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter((node) => expandedIds.includes(node.id) && !filterNode(node)) .map((node) => node.id); }
| Programmatically collapse a subset of nodes.+ {JSON.stringify(row, null, 2)} ++