Fix the compare-page table header #26

Open
opened 2026-07-09 19:19:15 +02:00 by Sirttas · 0 comments
Owner

Summary

The header of the compare-by-location table (src/market/appraisal/CompareResultTable.vue) doesn't render correctly. It's a two-row header — a per-location group cell spanning Buy/Sell, with Item/Qty as rowspan="2" sortable headers — inside VirtualScrollTable's sticky thead.

To fix

  • Column/alignment: the grouped location header should sit above its two Buy/Sell columns and stay aligned with the body cells.
  • Sticky behavior: the two-row header must stick correctly while scrolling (headerHeight is currently set to 66).
  • Sortable arrows in the second header row must remain usable.

Acceptance criteria

  • Header columns align with the body; location groups sit over their Buy/Sell pair.
  • Sticky header works while scrolling.
  • npm run build passes.

Related

Compare page from gemory #17.

## Summary The header of the compare-by-location table (`src/market/appraisal/CompareResultTable.vue`) doesn't render correctly. It's a two-row header — a per-location group cell spanning `Buy`/`Sell`, with `Item`/`Qty` as `rowspan="2"` sortable headers — inside `VirtualScrollTable`'s sticky `thead`. ## To fix - Column/alignment: the grouped location header should sit above its two Buy/Sell columns and stay aligned with the body cells. - Sticky behavior: the two-row header must stick correctly while scrolling (`headerHeight` is currently set to 66). - Sortable arrows in the second header row must remain usable. ## Acceptance criteria - [ ] Header columns align with the body; location groups sit over their Buy/Sell pair. - [ ] Sticky header works while scrolling. - [ ] `npm run build` passes. ## Related Compare page from gemory #17.
Sirttas added the
Status
To Refine
label 2026-07-09 19:30:15 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: eveal/gemory#26