Я знаю оэтот вопрос, но ни один из ответов не работает в Safari, Chrome и т. д.

Принятая стратегия (как показано здесь), чтобы установить высоту tbody и свойства переполнения следующим образом:

<code><table>
    <thead>
        <tr><th>This is the header and doesn't scroll</th></tr>
    </thead>
    <tbody style="height:100px; overflow:auto;">
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
    </tbody>
</table>
</code>

К сожалению, это не работает ни в одном веб-браузере. Eстьсообщение об ошибке об этом, по-видимому, не является высоким приоритетом (сообщается в июне 05).

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