HTML 表格凍結行列（Excel 風格）純前端實作：三層 DIV + JavaScript 同步捲動

需求：大型表格捲動時鎖定表頭（行）與首欄（列），類似 Excel「凍結窗格」。方案：純前端，零侵入後端程式碼，相容 GridView/DataGrid/DataList 等輸出 <table> 的控制項。

核心思路

1. 容器 DIV：設定 overflow:auto; width:100px; height:100px 產生捲軸。
2. 三層 DIV 拆解：
   • 左上角：鎖定行+列交叉區（固定不動）。
   • 上方：鎖定行（水平捲動同步，垂直固定）。
   • 左側：鎖定列（垂直捲動同步，水平固定）。
   • 主體：可自由雙向捲動。
3. JavaScript 同步：監聽主體 DIV onscroll 事件，即時調整鎖定行/列 DIV 的 scrollLeft/scrollTop。

優缺點評估

作者誠摯邀請高手改進跨瀏覽器相容與效能優化，並承諾持續更新版本。