<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 class="align-right">Column Two Title</th>
                    <th class="align-right">Column Three Title</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="fixed-table__sticky-col">First Row Title</td>
                    <td class="align-right">99,999</td>
                    <td class="align-right">99,999</td>
                </tr>
                <tr>
                    <td class="fixed-table__sticky-col">Second Row Bold Title Example</td>
                    <td class="align-right">99,999</td>
                    <td class="align-right">99,999</td>
                </tr>
                <tr class="blue-total">
                    <td class="fixed-table__sticky-col">Third Row Title</td>
                    <td class="align-right">99,999</td>
                    <td class="align-right">99,999</td>
                </tr>
            <tfoot>
                <tr class="yellow-total">
                    <td class="fixed-table__sticky-col">Total</td>
                    <td class="align-right">99,999</td>
                    <td class="align-right">99,999</td>
                </tr>
            </tfoot>
            </tbody>
        </table>
    </div>
</div>