Table

Lorem ipsum dolor sit amet.
Table header heading Table header heading
Table header data Table header data
Table body heading Table body heading
Table body data Table body data
Table footer heading Table footer heading
Table footer data Table footer data

With actions

Name Amount Description Actions
Lorem 1 1.10 Lorem ipsum dolor sit amet.
Lorem 2 101.10 Lorem ipsum dolor sit amet.
Lorem 3 30.10 Lorem ipsum dolor sit amet.

MDN examples

Simple table

John Doe
Jane Doe

Simple table with header

First name Last name
John Doe
Jane Doe

Table with thead, tfoot, and tbody

Header content 1 Header content 2
Footer content 1 Footer content 2
Body content 1 Body content 2

Table with colgroup

Countries Capitals Population Language
USA Washington D.C. 309 million English
Sweden Stockholm 9 million Swedish

Table with colgroup and col

Lime Lemon Orange
Green Yellow Orange

Simple table with caption

Awesome caption
Awesome data

Sortable

Sortable Ascending Ascending Descending Descending Ascending

W3C examples

Characteristics with positive and negative sides.

Characteristics are given in the second column, with the negative side in the left column and the positive side in the right column.

Negative Characteristic Positive
Sad Mood Happy
Failing Grade Passing
School auction sign-up sheet
Your name here What are you selling? Link to a picture Your reserve price
Ms Danus Doughnuts $45
Measurement of legs and tails in Cats and English speakers
ID Measurement Average Maximum
Cats
93 Legs 3.5 4
10 Tails 1 1
English speakers
32 Legs 2.67 4
35 Tails 0.33 1

Form after table

Measurement of legs and tails in Cats and English speakers
ID Measurement Average Maximum
Cats
93 Legs 3.5 4
10 Tails 1 1
English speakers
32 Legs 2.67 4
35 Tails 0.33 1

Pure

Pure bug ("Consider removing this next declaration block, as it causes problems when there's a rowspan on the first cell. Case added to the tests. issue#432")

Rowspanned 2
3
4 5