<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 Title</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>
<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 Title</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>
/* No context defined. */

No notes defined.