|
|
|
@ -236,3 +236,73 @@ Refactored mini-table rendering to use useTemplateRef, added debug display for h |
|
|
|
### Next Steps |
|
|
|
### Next Steps |
|
|
|
|
|
|
|
|
|
|
|
- None - task complete |
|
|
|
- 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 |
|
|
|
|