Live demo
Interactive sample dataset with live state readout. Drag fields by the handle, drop them into rows/columns, and inspect the current pivot configuration.
Launch demoPublished drag-and-drop refresh
VanillaPivotTable now ships with a rebuilt live drag/drop surface.
The axis zones now use real sortable lists, dedicated drag handles, clearer drop targets, and versioned assets so the published Pages site reflects the latest UX fix without stale cache surprises.
Assets v20260502-dnd1
Live QA harness
Purpose-built browser QA page for validating drag/drop behavior against a richer dataset and watching `onRefresh` state changes in real time.
Launch QA harnessCallback regression
Existing internal regression page updated for the new axis-list structure, useful for confirming state synchronization without manual dragging.
Launch regression pageWhat changed
- Axis containers now host dedicated sortable lists instead of mixing draggable pills and hidden filter popovers in the same table cell.
- Drag starts from an explicit handle, which avoids accidental filter-menu clicks and makes the live UX easier to control.
- Refreshes are debounced, drop targets stay visibly open when empty, and local asset URLs are versioned for GitHub Pages cache busting.