ux(analysis): use LayUI table component for query result grid (sorting, pagination, fixed headers)

[cct08311github]

問題描述

Analysis 查詢結果表格使用原生 HTML <table> 手寫 DOM 渲染，未使用 LayUI 的 layui.table 元件。因此缺少：

• 欄位排序（點擊表頭升/降序）
• 分頁（結果超過一頁時需捲動到底）
• 固定表頭（資料多時無法對齊表頭）
• 自動寬度調整

WTM 框架其他頁面（ListVM 的 <wt:grid>）統一使用 LayUI table，Analysis 結果表格的 UX 體驗與整個框架不一致。

預期行為

Analysis 查詢結果表格使用 layui.table 渲染，支援：

• 欄位點擊排序
• 前端分頁（搭配現有 10K 行截斷）
• 固定表頭（scroll 時表頭不動）
• 欄寬自適應

影響範圍

• 對象：所有使用 Analysis 表格檢視的使用者
• 後果：資料量稍多時 UX 明顯劣於框架其他頁面，難以比對多欄位結果
• 嚴重度：P2

相關來源

• src/WalkingTec.Mvvm.Mvc/wwwroot/framework_analysis.js — renderTable() 函數

Priority: P2

[cct08311github]

已實作完成，PR #655。

實作方式選用「強化現有 <table> 結構」而非 layui.table.render()，原因如下：

• layui.table.render() 是非同步且會替換整個容器 DOM，會破壞 ~20 個現有 DOM 結構測試
• 原有 <table>/<thead>/<tbody>/<th>/<td> 結構完全保留，所有現有測試 0 修改

功能清單：

• 滑動固定表頭：.analysis-table-wrap wrapper + CSS position: sticky
• 欄位排序：點 <th> 循環 asc → desc → 原始順序，排序指示符用 CSS ::after（不影響 th.textContent）
• 分頁：每頁 50 筆，> 50 筆才顯示分頁控制列；排序時自動重置為第 1 頁

新增 29 個 Jest 測試，總計 344 個全數通過。