Column/Row reordering
Sugar doesn’t provide a dedicated wrapper yet, but basic integration is possible with a custom UI.
1) Columns
Recommended contract:
- Drag handle on the header.
- Reorder in
columnModelvia explicit column updates.
ts
const next = [...columns.value]
// swap/move columns
columns.value = next
api.refreshColumns("manual")2) Rows
For row reordering:
- Move data in
rows. - Call
api.refreshRows("manual").
ts
const nextRows = [...rows.value]
// reorder rows
rows.value = nextRows
api.refreshRows("manual")3) Validation
- Validate
rowIdstability. - Ensure selection/focus isn’t lost during reorder.