# XWUIProjectPlanGridPage

The tabular "Grid" view of a work plan. It extends the shared `XWUIProjectPlanShellPage` chrome (breadcrumbs, the Goals/Grid/Board/Calendar/Charts pivot tabs, a Group-by select, and a task search box) and fills the body with a spreadsheet-style task list built from `api.listTasks(planId)`. Pass `data.api` (an `IProjectWorkApi`), the `planId`, an optional `planTitle`, and `activeView: "grid"`. Use it as the grid tab of a plan workspace.

## Basic Usage

The grid for `plan-team-ops` loaded from `createMockProjectWorkApi()`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The tabular task list for plan-team-ops with the shared plan chrome.
```

## Design Sprint Grid

The grid pointed at a different plan.

```example
file: examples/DesignSprintGrid.ts
html: examples/DesignSprintGrid.html
title: Design Sprint Grid
description: The tabular view re-targeted to plan-design with its own header description.
```

## Wired Toolbar

The plan chrome's view / group-by / search controls wired to handlers.

```example
file: examples/WiredToolbar.ts
html: examples/WiredToolbar.html
title: Wired Toolbar
description: Group-by preset to Progress plus onViewChange, onGroupByChange and onSearch callbacks.
```

```api
```