# Quick Start

> Learn the basics of Dash Glide Grid by building a simple interactive data grid.

---

.. toc::

### Basic Grid

Every grid needs two required props: `columns` and `data`.

- **columns**: A list of column definitions, each with a `title` and `id`
- **data**: A list of dictionaries (records format) where keys match column `id` values

.. exec::examples.getting_started.quickstart_basic

### Editable Grid

By default, grids are editable. Double-click any cell to edit it, or toggle the checkboxes in the "Done" column.

.. exec::examples.getting_started.quickstart_editable

### Read-Only Grid

Disable editing by setting `readonly=True`. Users can still select and copy data, but cannot modify cells.

.. exec::examples.getting_started.quickstart_readonly

### Locking Movement

Prevent users from reordering rows or columns by setting `rowMovable=False` and `columnMovable=False`.

.. exec::examples.getting_started.quickstart_nonmovable

### Key Props Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `columns` | list | — | Column definitions (required) |
| `data` | list | — | List of dicts with keys matching column ids (required) |
| `height` | int/str | — | Grid height in pixels or CSS value (required) |
| `width` | int/str | `"100%"` | Grid width in pixels or CSS value |
| `readonly` | bool | `False` | Disable all editing |
| `rowMovable` | bool | `True` | Allow row reordering via drag |
| `columnMovable` | bool | `True` | Allow column reordering via drag |
| `rowMarkers` | str | `"none"` | Row markers: `"none"`, `"number"`, `"checkbox"`, `"both"` |
| `freezeColumns` | int | `0` | Number of columns to freeze on left |

### Next Steps

Explore the full capabilities of Dash Glide Grid:

**Core Concepts**
- [Columns](/reference/columns) - Column definitions, freezing, grouping, resizing, and moving
- [Rows](/reference/rows) - Row height, markers, selection, freezing, and trailing rows
- [Cells](/reference/cells) - Overview of cell types, merged cells,text wrapping and cell theming.
- [Cell Types](/reference/cells-types) - 23 cell types including text, number, boolean, dropdown, and multi-select
- [Headers](/reference/headers) - Header height, icons, menus, and click events

**Interactivity**
- [Selection](/reference/selection) - Row, column, and range selection modes
- [Editing](/reference/editing) - Copy/paste, fill handle, undo/redo, and validation
- [Events](/reference/events) - Cell clicks, header events, and drag/drop callbacks
- [Sorting & Filtering](/reference/sorting-filtering) - Built-in sorting, filtering, and search

**Customization**
- [Theming](/reference/theming) - Colors, styles, and conditional formatting
- [Scrolling](/reference/scrolling) - Programmatic scrolling and overscroll behavior
- [Advanced](/reference/advanced) - Highlight regions, performance, and client-side functions

---

*Source: /getting-started/quickstart*
*Generated with dash-improve-my-llms*