Docs

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.

<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:

Top

Select Row(s)

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

<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:

Top

Related Resources

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

[features: selection]