All tests / Messy content

Awkward tables

What this tests. A timetable with rowspan, colspan, repeated header rows and a total row, and a second table built from divs.

The rule. Each workshop is one record: day, start, end, room, name and seats. The day cell spans all of that day's rows, so most rows start at the second column. Lunch is a row whose last cell spans three columns; it isn't a workshop. The header row comes round again at the start of each day, and the last row is a total. None of it has a class or an id to hold on to. Below it, the room list looks like a table but is built from divs with ARIA roles.

Workshop timetable

Day	Starts	Ends	Room	Workshop	Seats
Monday	09:30	11:00	Larch	Knife sharpening for beginners	12
	11:15	12:30	Rowan	Repotting houseplants	10
	12:30	13:30	Lunch break
	13:30	15:00	Larch	Fixing a wobbly lamp	8
	15:15	16:30	Hazel	Planning a raised bed	14
Day	Starts	Ends	Room	Workshop	Seats
Tuesday	09:30	10:45	Hazel	Seasoning a cast-iron pan	9
	11:00	12:30	Larch	Darning and patching	12
	12:30	13:15	Lunch break
	13:15	14:45	Rowan	Setting up a turntable	6
Day	Starts	Ends	Room	Workshop	Seats
Wednesday	10:00	11:30	Rowan	Pitching a tent in the wind	16
	11:45	12:45	Larch	Caring for wooden boards	12
	12:45	13:45	Lunch break
	13:45	15:15	Hazel	Building a marble run	10
	15:30	16:30	Rowan	Choosing a desk chair	8
Total seats					117

Rooms

Room

Floor

Seats

Step-free

Larch

Ground

Yes

Rowan

First

Hazel

Ground

Yes

Data version 1.0.0. Everything here is made up: products, brands, people, towns. tests.json · robots.txt · Source