HTML Banner.png

You are unlikely to use HTML to make your table but understanding some of this code may help you understand how tables can be formatted as a whole quickly by changing one line of HTML.

The first line defines the type/format of table (in red below) then the cell contents are defined row by row.

</table>

RESULT is BELOW:

ROW HEAD 1	ROW HEAD 2	ROW HEAD 3	ROW HEAD 4
B1	B1	C1	D1
A2	B2	C2	D2
A3	B3	C3	D3

If you change that first line you can change the format of the whole table:

This striped table is made by changing the first line to:

<table class="ic-Table ic-Table--hover-row ic-Table--striped">

ROW HEAD 1	ROW HEAD 2	ROW HEAD 3	ROW HEAD 4
B1	B1	C1	D1
A2	B2	C2	D2
A3	B3	C3	D3

This compact table is made by changing the first line to:

<table class="ic-Table ic-Table--condensed">

ROW HEAD 1	ROW HEAD 2	ROW HEAD 3	ROW HEAD 4
B1	B1	C1	D1
A2	B2	C2	D2
A3	B3	C3	D3