@ -236,3 +236,73 @@ Refactored mini-table rendering to use useTemplateRef, added debug display for h
@@ -236,3 +236,73 @@ Refactored mini-table rendering to use useTemplateRef, added debug display for h
### Next Steps
- None - task complete
## Session 8: Table-v2 comprehensive demo page
**Date**: 2026-03-30
**Task**: Table-v2 comprehensive demo page
### Summary
(Add summary)
### Main Changes
## Session Summary
Reworked `examples/view/base/table-v2.vue` into a comprehensive demo page for `list-table-v2` , patterned after Element Plus documentation style.
### Features Implemented
| # | Section | Features Tested |
|---|---------|----------------|
| 1 | Basic Usage | Data binding, columns, pagination, @query/@row -click/@cell-click events |
| 2 | Styling | border prop, align (left/center/right) |
| 3 | Fixed Columns | fixed: "left"/"right" |
| 4 | Data Formatting | timestamp: "unix", filesize: true, dict |
| 5 | Custom Cell Renderer | cellRenderer JSX function |
| 6 | Custom Header Renderer | headerCellRenderer JSX function |
| 7 | Dynamic Height | Auto-probe (no rowHeight), ResizeObserver, debug |
| 8 | Fixed Height Mode | rowHeight: 60 (disables probe) |
| 9 | Column Width | width, minWidth |
| 10 | Dimensions | height, maxHeight, headerHeight |
| 11 | Slot Cells | slot: true + #columnKey template |
| 12 | i18n Support | i18n key with vue3-i18n |
| 13 | Combined Test | All features together stress test |
| 14 | Renderer Edge Cases | cellRenderer + fixed + pagination |
### Bug Fixes
- Fixed `headerCellRenderer` shorthand property error (was using wrong variable name)
- Added missing `toggleMaxHeight` function
- Fixed data format: `page="false"` tables need plain arrays, not `{data, total}` objects
- Fixed `.app-main` overflow to enable page scrolling
### Updated Files
- `examples/view/base/table-v2.vue` - Demo page (14 sections, ~1000 lines)
- `packages/manage/router/index.vue` - Changed overflow: hidden → overflow-y: auto
### Verification
- Build passes: bun run build ✓
- TypeScript passes: tsc --noEmit ✓
- Browser tested: All 14 tables render data correctly, no JS errors
### Git Commits
| Hash | Message |
|------|---------|
| `62ab397` | (see git log) |
### Testing
- [OK] (Add test results)
### Status
[OK] **Completed**
### Next Steps
- None - task complete