A data table read three ways

The same table, styled, with no CSS at all, and squeezed into a narrow box.

View
Trail conditions, week of 19 October 2026 (sample data)
Trail Length (km) Elevation gain (m) Difficulty Status Last report
Ridge Loop6.4310ModerateOpen
Creek Trail3.145EasyOpen
Summit Spur11.81,020HardOpen, loose rock
Oak Meadow2.012EasyOpen
Canyon Rim8.7540ModerateClosed, washout
Fire Road 314.2760ModerateOpen
Lookout Stairs1.3205HardOpen
Lake Shore5.530EasyOpen, mud
Pine Saddle9.6690HardOpen
Mesa Connector4.2120EasyOpen
North Fork12.5880HardClosed, fire repair
Willow Bend3.860EasyOpen
12 trails83.14,67210 open

Press Tab to put focus on the table's box, then use the arrow keys to scroll it. In the narrow view the trail names stay put while the other columns slide under them; scroll down and the header row stays put too.