Edit in CodePen
list view with natural height and sticky headers
As you scroll down, see how the header sticks
↓
today
April 2025
list month
list year
Time
Event
April 1, 2025
Tuesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 2, 2025
Wednesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 7, 2025
Monday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 8, 2025
Tuesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 9, 2025
Wednesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 14, 2025
Monday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 15, 2025
Tuesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 16, 2025
Wednesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 21, 2025
Monday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 22, 2025
Tuesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 23, 2025
Wednesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 28, 2025
Monday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 29, 2025
Tuesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3
April 30, 2025
Wednesday
all-day
repeating event 1
all-day
repeating event 2
all-day
repeating event 3