Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksData displayPinned first column

Pinned first column

Adapted

Keep the context close. The title column stays visible next to the select column while the rest scrolls.

Sticky columnHorizontal scrollContext
React · CSS
Origin & adaptation notes

Adapts the sticky primary column: the 40 px select column pins at left 0 and the first data column at left 40 px, with matching backgrounds so rows stay readable on horizontal scroll.

Curated adaptation. Synthetic data only. No production APIs.

PreviousResizable columnsNextReorderable columns
Built with intention. Shared with the team.GauchoCode UI Gallery ✳