Basic markup for a table looks like this:
<table>
<thead>
<tr>
<td>Column 01</td>
<td>Column 02</td>
<td>Column 03</td>
</tr>
</thead>
<tbody>
<tr>
<td>Col 01, Row 01</td>
<td>Col 02, Row 01</td>
<td>Col 03, Row 01</td>
</tr>
<tr>
<td>Col 01, Row 02</td>
<td>Col 02, Row 02</td>
<td>Col 03, Row 02</td>
</tr>
</tbody>
</table>
If you’d then like to start specifying widths of things, you can do so like this:
<table style="max-width: 640px;">
<thead>
<tr>
<td style="width: 50%;">Column 01</td>
<td style="width: 25%;">Column 02</td>
<td style="width: 25%;">Column 03</td>
</tr>
</thead>
<tbody>
<tr>
<td>Col 01, Row 01</td>
<td>Col 02, Row 01</td>
<td>Col 03, Row 01</td>
</tr>
<tr>
<td>Col 01, Row 02</td>
<td>Col 02, Row 02</td>
<td>Col 03, Row 02</td>
</tr>
</tbody>
</table>
It is sufficient to set the width for columns only for the top-most cells, as the rest of the column with follow suit.
To use different colors for even and odd rows, apply the “table-striped” class to the table, and set your colors in the Typography section of Pangolin’s page template designer, e.g.:
<table class="table-striped">