Прокрутка таблицы с несколькими фиксированными заголовками

Прежде чем я попытаюсь изобрести колесо (через плагин jQuery или аналогичный), я пытаюсь понять, есть ли более простой способ сделать это или существующий плагин, который пользователи может знать о. Я хочу прокрутить тело таблицы, содержащей несколько заголовков таблиц. Например, представьте себе что-нибудь из этой структуры:

<table>
    <thead>
        <tr>
            <td colspan="2"></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </tbody>
    <thead>
        <tr>
            <td colspan="2"></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
           <td></td>
           <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

Честно говоря, я не пробовал приведенный выше синтаксис даже для того, чтобы проверить, действительно ли он действителен. Фактическая разметка, которая у меня есть, в настоящее время не использует thead / tbody и вместо этого прокручивает весь родительский div (см. Ниже).

Я хочу прокручивать всю таблицу так, чтобы заголовок наиболее подходящего раздела просматривался сверху. В настоящее время заголовок прокручивается вне поля зрения, если строк достаточно.

Я знаю различные методы прокрутки таблицы с одним заголовком, но как насчет нескольких? Есть ли какие-нибудь способы этого добиться? Я открыт для разных идей, но сейчас я думаю о том, чтобы просто отобразить наиболее релевантный заголовок таблицы для содержимого сверху.