Dragging

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

Column Hide

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

<zing-grid draggable="columns" 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 drag-action="reorder" in <zing-grid>, like so:

<zing-grid draggable="columns" drag-action="reorder"></zing-grid>

Drag to Reorder Columns Grid

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

Top