# XWUITreeTable

Tree + table combined: expandable rows with columns. Reuses XWUITable structure and XWUIIcon for expand.

## Basic Usage

Tree + table combined: expandable rows with columns.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Org-chart tree table: expandable department rows with Name, Role and Headcount columns.
```

## File Tree with Icons

Give each row an `icon` (any XWUIIcon name such as `folder` or `file`) to render a leading glyph in the first column. Pass `defaultExpandedIds` to open specific rows on first render, and tune row density with `size`.

```example
file: examples/ExpandedFileTree.ts
html: examples/ExpandedFileTree.html
title: File Tree with Icons
description: File browser tree table with per-row folder/file icons, expanded on first render.
```

## Highlighted Row

Set `selectedRowId` to highlight a row (it gets the `is-row-selected` class). Combine it with `defaultExpandedIds` so the highlighted row is visible even when it lives under a collapsible parent.

```example
file: examples/SelectedRow.ts
html: examples/SelectedRow.html
title: Highlighted Row
description: Budget breakdown tree table with one row pre-highlighted via selectedRowId.
```

```api
```