Matrix Control - Visual Design Demo

Based on JSGUI3_MATRIX_CONTROL_DESIGN.md

1. Table Mode (Small Dataset)

ID Name Status Value
1 Alpha Active 100
2 Beta Pending 250
3 Gamma Inactive 75

2. Angled Column Headers

Product Category Quarterly Revenue Year-over-Year Growth Market Share %
Electronics $1.2M +15% 23%
Software $850K +42% 18%

3. MatrixChrome (with Toolbar)

ID Name Category Actions
001 Widget A Tools
002 Widget B Parts
Showing 2 of 2 items | Last updated: 2026-01-09

4. Virtual Scrolling (Large Dataset Preview)

For datasets > 1000 rows, virtual scrolling renders only visible rows.