dataTable/TEST.md

DataTable Performance Tracking

v1: Minimal Foundation

• Data: 10,000 items, 1 column.
• Scroll Test: 100 scrolls (20,000px total).
• Results:
  • refreshCount: 101
  • refreshTime (total): ~45.7ms
  • averageRefreshTime: 0.45ms
  • totalNodes: 3030 (avg 30/frame)
• Notes: Silk smooth, base VirtualScroll works perfectly.

v4: Optimized Responsiveness (Immediate Refresh)

• Data: 10,000 items, 10 columns.
• Scroll Test: 100 scrolls (20,000px total).
• Results:
  • refreshCount: 101
  • refreshTime (total): ~101.2ms
  • averageRefreshTime: 1.01ms
  • totalNodes: 3030
• Notes: Removed .dt-body wrapper to simplify DOM depth. Changed onScroll to execute container.refresh() immediately instead of wrapping it in requestAnimationFrame.

v6: Modularization & Manual DOM Sync (Selection)

• Data: 10,000 items, 10 columns.
• Scroll Test: 100 scrolls (20,000px total).
• Results:
  • refreshCount: 100
  • refreshTime (total): ~176.9ms
  • averageRefreshTime: 1.76ms
  • totalNodes: 4500 (avg 45/frame)
  • scanCount (per frame): 0 (Maintained Zero-Scan)
• Notes:
  • Added complex Area Selection, Copy/Paste, and Row Deletion.
  • Successfully decoupled dynamic UI states (like .dt-cell-selected) from the declarative binding framework. We now use manual DOM manipulation (applySelectionUI) during refresh to sync states.
  • This manual sync completely prevents "Dependency Floods" where scrolling would trigger heavy $class evaluations on every cell. We maintained the Zero-Scan status while supporting rich interactions.
  • Fixed a VirtualScroll jumping bug at row 70+ by re-enabling onItemUpdate so VirtualScroll correctly learns the 40px row height instead of using its 32px default.