# XWUIDataView

List/grid data display with optional layout toggle and pagination (design reference: PrimeReact DataView - no React dependency).

## Basic Usage

Display data in list or grid layout with optional layout toggle and pagination.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Display data in list or grid layout with optional layout toggle and pagination.
```

## Grid Layout

Product records presented as a responsive card grid with a list/grid toggle.

```example
file: examples/GridLayout.ts
html: examples/GridLayout.html
title: Grid Layout
description: Product records presented as a responsive card grid with a list/grid toggle.
```

## List Layout

Transactions rendered as dense, aligned list rows with the paginator enabled.

```example
file: examples/ListLayout.ts
html: examples/ListLayout.html
title: List Layout
description: Transactions rendered as dense, aligned list rows with the paginator enabled.
```

## Filterable

A search input above the view filters the records live via the setItems() API.

```example
file: examples/Filterable.ts
html: examples/Filterable.html
title: Filterable
description: A search input above the view filters the records live via the setItems() API.
```

## Grouped

Records grouped by a field, with group headers interleaved among the rows.

```example
file: examples/Grouped.ts
html: examples/Grouped.html
title: Grouped
description: Records grouped by a field, with group headers interleaved among the rows.
```

```api
```