Tables
Default Table
The the table is a horizonal grid suited to listing items such as plans.
Supplier | Plan | Energy Term Length | ETF | Price per kWh |
---|---|---|---|---|
![]() |
6Mo Usage Bill Credit | 6 month fixed | $50 | 5.30¢ |
![]() |
Generous Saver 12 | 12 month fixed | $20 | 6.20¢ |
![]() |
Online Secure - 6 | 6 month fixed | $100 | 6.90¢ |
<table>
<thead>
<tr>
<th>Supplier</th>
<th>Plan</th>
<th>Energy Term Length</th>
<th>ETF</th>
<th>Price per kWh</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="https://www.chooseenergy.com/wp-content/uploads/2015/03/StarTex-Logo-300x109.png">
</td>
<td>
<a href="#">6Mo Usage Bill Credit</a>
</td>
<td>6 month fixed</td>
<td>$50</td>
<td>5.30¢</td>
</tr>
<tr>
<td>
<img src="https://www.chooseenergy.com/wp-content/uploads/2015/03/4Change_Logo-Color-TIGHT-FINAL-300x176.png">
</td>
<td>
<a href="#">Generous Saver 12</a>
</td>
<td>12 month fixed</td>
<td>$20</td>
<td>6.20¢</td>
</tr>
<tr>
<td>
<img src="https://www.chooseenergy.com/wp-content/uploads/2015/03/Frontier-Utilities-Logo-300x46.png">
</td>
<td>
<a href="#">Online Secure - 6</a>
</td>
<td>6 month fixed</td>
<td>$100</td>
<td>6.90¢</td>
</tr>
</tbody>
</table>
Table Header Variants
The table head color that can be adjusted to any of the primary brand colors
Supplier | Plan | Energy Term Length | ETF | Price per kWh |
---|---|---|---|---|
![]() |
6Mo Usage Bill Credit | 6 month fixed | $50 | 5.30¢ |
<table class="v-green">
<thead>
<tr>
<th>Supplier</th>
<th>Plan</th>
<th>Energy Term Length</th>
<th>ETF</th>
<th>Price per kWh</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
Supplier | Plan | Energy Term Length | ETF | Price per kWh |
---|---|---|---|---|
![]() |
6Mo Usage Bill Credit | 6 month fixed | $50 | 5.30¢ |
<table class="v-yellow">
<thead>
<tr>
<th>Supplier</th>
<th>Plan</th>
<th>Energy Term Length</th>
<th>ETF</th>
<th>Price per kWh</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
Supplier | Plan | Energy Term Length | ETF | Price per kWh |
---|---|---|---|---|
![]() |
6Mo Usage Bill Credit | 6 month fixed | $50 | 5.30¢ |
<table class="v-gray">
<thead>
<tr>
<th>Supplier</th>
<th>Plan</th>
<th>Energy Term Length</th>
<th>ETF</th>
<th>Price per kWh</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>