dataTable/bak/_del_DataTable_Migration_TODO.md

DataTable Migration & Optimization TODO

Goal

Port advanced features from the v1.0.3 backup while leveraging the new Keyed Each framework optimization for extreme performance.

Status: Framework Breakthrough

• Engine Version: @web/state v1.0.11 (Keyed Each & Node Recycling)
• Measured Refresh Performance: 16ms (Target: < 20ms).
• Architecture: Zero manual DOM patching required. Standard reactive templates are now performant enough.

Migration Steps

Phase 1: Core Infrastructure

• Framework Optimization. Implemented Keyed Each and node recycling in dom.js.
• Step 1: Port Selection System. Re-implement ID System and row selection without compromising the 16ms refresh.
• Step 2: Column Metadata & Features. Port Resizer, pinned support, and icons.
• Step 3: Advanced Formatters. Re-enable custom formatting logic.

Phase 2: Interactivity

• Step 4: Enhanced Selection (Multi-select, Keyboard Nav).
• Step 5: Drag & Drop (Score-based sorting).
• Step 6: Bulk Editing.

Performance Gate

Continuous Monitoring: Every feature port must maintain the < 20ms Assign threshold in refresh().

Backup Reference

• File: dataTable/src/index.js.bak (Full v1.0.3 feature set)