Skip to content

Behaviour

Tables and long lists

Ten rows, then Show all

T-01 T-02 T-03 T-05 T-06 T-10

The pane stays ten rows tall collapsed and expanded, so the wheel has one owner. The height is measured, not hardcoded. At phone width each row becomes a card.

CustomerJobRepStageValueDaysNext
Hendricks residencePE-24100Marcus WebbSigned$18,4504Open job
Oak Hollow HOA, bldg 3PE-24101Marcus WebbScheduled$64,2002Open job
Patel residencePE-24102Marcus WebbEstimate sent$12,9809Open job
Grace Fellowship churchPE-24103Marcus WebbSigned$41,7301Open job
Morales residencePE-24104Marcus WebbInspection—6Open job
Lakeside DentalPE-24105Marcus WebbEstimate sent$22,40012Open job
Nguyen residencePE-24106Marcus WebbScheduled$15,7603Open job
Carter residencePE-24107Marcus WebbSigned$19,9905Open job
Willow Creek apartmentsPE-24108Marcus WebbInspection—8Open job
Brooks residencePE-24109Marcus WebbEstimate sent$11,24015Open job
Summit Storage, unit BPE-24110Marcus WebbScheduled$38,9002Open job
Ellison residencePE-24111Marcus WebbSigned$17,3207Open job
Reyes residencePE-24112Marcus WebbEstimate sent$13,87011Open job
Kingsley residencePE-24113Marcus WebbInspection—4Open job

Example data for the specimen. Apps show live records from Supabase only, and never sample rows (E-01).

Never

T-04 T-07 T-09 T-11
  • overflow-x: auto with overflow-y: visible. It silently becomes an unbounded scroll box and the sticky header anchors to nothing.
  • A 15-column table. Put the headline columns in the summary row and the rest in a detail grid.
  • A cell that makes the row taller. Shorten it in the cell and give the full text in title.
  • An unpaged select. It stops at 1,000 rows without an error.