VRT Text Tables

This page displays the different varieties of Text Tables available on the Digital Commons platform. You can see the Data Table content type here. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every example shown is desirable or a best practice, and may contain accessibility errors. This band has No Top/Bottom Padding.

Table in text editor, full width content and background

id=#T1 This band has No Top/Bottom Padding.

Tables of 25 or fewer rows should not display controls. This table has 6 rows.
column	one	two	three	four	five	six	seven	eight	nine	ten	eleven	twelve	thirteen	fourteen	fifteen	sixteen	seventeen
animal	dog	elephant	birb	weasel	reticulated python	zebra	possum	elk	cicada	turtle	giraffe	raccoon	cat	mouse	spider	worm	tiger
color	blue	purple	paisley	yellow	pink	green	red	chartreuse	indigo	plaid	orange	magenta	cyan	orange	puce	vermilion	forest green
food	tacos	lasagna	salad	ice cream	black olives	pizza	baba ganoush	pickles	macarons	corn dog	viennas	chili	sushi	chips	yogurt	grapes	lobster roll
plant	dandelion	aspen	rose	fern	algae	oak	gardenia	clover	crepe myrtle	juniper	hellebore	crab apple	moss	lavender	poison ivy	daisy	longleaf pine
vehicles	car	bus	train	airplane	bicycle	roller skates	boat	balloon	van	truck	skateboard	car2	car3	car4	car5	car6	car7
months	january	february	march	april	may	june	july	august	september	october	november	december	janvier	fevrier	mars	avril	mai

Table in text editor, 770 width

id=#T1b This band has No Top/Bottom Padding.

Tables of more than 25 rows should have controls visible.
column	one	two	three	four	five	six
animal	dog	elephant	birb	weasel	reticulated python	zebra
color	blue	purple	paisley	yellow	pink	green
food	tacos	lasagna	salad	ice cream	black olives	pizza
plant	dandelion	aspen	rose	fern	algae	oak
vehicles	car	bus	train	airplane	bicycle	roller skates
months	january	february	march	april	may	june
days	monday	tuesday	wednesday	thursday	friday	saturday
animal	dog	elephant	birb	weasel	reticulated python	zebra
food	tacos	lasagna	salad	ice cream	black olives	pizza
plant	dandelion	aspen	rose	fern	algae	oak
days	monday	tuesday	wednesday	thursday	friday	saturday
words	dog	elephant	birb	weasel	reticulated python	zebra
recipes	blue	purple	paisley	yellow	pink	green
books	tacos	lasagna	salad	ice cream	black olives	pizza
items	dandelion	aspen	rose	fern	algae	oak
names	car	bus	train	airplane	bicycle	roller skates
cars	january	february	march	april	may	june
movies	monday	tuesday	wednesday	thursday	friday	saturday
games	dog	elephant	birb	weasel	reticulated python	zebra
cereals	dog	elephant	birb	weasel	reticulated python	zebra
fabric	blue	purple	paisley	yellow	pink	green
size	tacos	lasagna	salad	ice cream	black olives	pizza
furniture	dandelion	aspen	rose	fern	algae	oak
candy	car	bus	train	airplane	bicycle	roller skates
colors	january	february	march	april	may	june
numbers	monday	tuesday	wednesday	thursday	friday	saturday

id=T2 This band has Small Top/Bottom Padding.

Header row

Table Caption. This band has Small Top/Bottom Padding.
Column One Header	Column Two Header
Alpha	Beta
Gamma	Delta

Header column

Row 1 Header	Omega	Zeta
Row 2 Header	Eta	Theta

id=T3 This band has Medium Top/Bottom Padding.

Header in both

Row 1 Header	Column Header	Column Header
Row 2 Header	Epsilon	Kappa
Row 3 Header	Lambda	Mu

No header

Mu	Xi
Om	Pi

id=T4

One-third two-thirds

Header row

Table Caption. A two-thirds column is 770px.
Column One Header	Column Two Header
Alpha	Beta
Gamma	Delta

Regular width table

1	2	3	4	5	6	7	8	9	10	11	12	13
id=#t5	blue	yellow	green	orange	purple	puce	beige	ivory	grey	turquoise	paisley	magenta
cat	fish	dog	horse	bird	elephant	penguin	squirrel	zebra	ocelot	cow	otter	eel