Dragging

ZingGrid has built-in dragging features to hide and reorder columns. To enable column dragging, simply add column-drag to the <zing-grid> tag.

Column Hide

To hide columns by dragging them off the grid, include [column-drag-action="hide"] in <zing-grid>, like so:

<zing-grid column-drag column-drag-action="hide"></zing-grid>

Drag to Hide Columns Grid

Here is a complete grid with dragging to hide columns enabled:

Top

Column Reorder

To reorder columns by dragging them around the grid, include column-drag-action="reorder" in <zing-grid>, like so:

<zing-grid column-drag column-drag-action="reorder"></zing-grid>

Drag to Reorder Columns Grid

Here is a complete grid with dragging to reorder columns enabled:

Top

[features: dragging]