API REFERENCE
reorderableColumns
Allows users to reorder columns by dragging headers.
What does this API do?
Allows users to reorder columns by dragging headers.
Exact input and result types
reorderableColumns: boolean| Item | Value |
|---|---|
| JavaScript name | reorderableColumns |
| HTML attribute | reorderable-columns |
| Default | false |
| Input type | boolean |
Usage flow
Set this on a property of the Grid element. In HTML, you can also use the reorderable-columns attribute. Pass arrays, objects, and callbacks through JavaScript, and use new arrays or objects when applying changes.
Feature explanations and examples
- Column sizing and pinning
Width, order, pinning, and visibility are independent column states. Combine them to pin order IDs, hide supporting information, and widen long product names.