---
title: "Selection | Features"
description: "ZingGrid offers multiple ways to make selections on your grid: by cell, row, or multiple."
url: https://www.zinggrid.com/docs/features/selection
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/selection.md
mode: provenance
representation: markdown
origin_response_id: 875fd37eb46dbcdbc22f84047c81a915
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.702Z
version_nonce: 204735c6d43d06c91069fe051c1c9e1b
generated_at_utc: 2026-10-26T04:38:18.543Z
response_nonce: bcb12b6f93953703c0e323df36fb9ad5
```

# Selection

ZingGrid offers multiple ways to make selections on your grid. The current selection options are cell, row, or multiple.

## Select Cell(s)

Add the `selector` attribute to the `<zing-grid>` tag to enable selection (see below). Select individual cells by clicking, or select multiple cells by clicking and dragging. To deselect the cells, press the "esc" key.

```html
<zing-grid selector>
    <zg-colgroup>
      <zg-column></zg-column>
    </zg-colgroup>
</zing-grid>
```

### Cell Selection Enabled Grid
Here is a complete grid with selecting by cells enabled:

[Example code](https://app.zingsoft.com/demos/embed/DV29GGYA)

## Select Card(s)

In card mode, selection applies to the whole card. Add the `selector` attribute to the `<zing-grid>` tag to enable selection, then click a card to select it, or click and drag to select multiple cards. To deselect the cards, press the "esc" key.

```html
<zing-grid selector layout="card">
    <zg-colgroup>
      <zg-column></zg-column>
    </zg-colgroup>
</zing-grid>
```

### Card Selection Enabled Grid
Here is a complete grid with selecting by cards enabled:

[Example code](https://app.zingsoft.com/demos/embed/LUSB8C1X)

## Select Row(s)

To select individual or multiple rows, add a column with `[type="selector"]` to enable checkboxes, like so:

```html
<zing-grid selector>
    <zg-colgroup>
      <zg-column type="selector"></zg-column>
    </zg-colgroup>
</zing-grid>
```

### Row Select Enabled Grid
Here is a complete grid with selecting by rows enabled:

[Example code](https://app.zingsoft.com/demos/embed/P5DCTIJC)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [API Selector Methods List](https://www.zinggrid.com/docs/api/methods/reference#selector-methods)