<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>