<div class="fixed-table">
<div class="fixed-table__scroller">
<table class="fixed-table__wrapper">
<thead>
<tr>
<th class="fixed-table__sticky-col">Column One Title</th>
<th>Column Two Title</th>
<th>Column Three Title</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fixed-table__sticky-col">First Row Title</td>
<td>First row second column info.</td>
<td>First row third column info.</td>
</tr>
<tr>
<td class="fixed-table__sticky-col">Second Row Title</td>
<td>Second row second column info.</td>
<td>Second row third column info.</td>
</tr>
<tfoot>
<tr class="blue-total">
<td class="fixed-table__sticky-col">Third Row Title - Blue Total Row</td>
<td>Third row second column info + Blue Total Row</td>
<td>Third row third column info + Blue Total Row</td>
</tr>
<tr class="yellow-total">
<td class="fixed-table__sticky-col">Total Example - Yellow Total Row</td>
<td>99,999 - Yellow Total Row</td>
<td>99,999 - Yellow Total Row</td>
</tr>
</tfoot>
</tbody>
</table>
</div>
</div>