jestem swiadomyto pytanie, ale żadna z odpowiedzi nie działa w Safari, Chrome itp.

Przyjęta strategia (jak pokazano tutaj) jest ustawienie właściwości wysokości i przepełnienia w taki sposób:

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

Niestety, nie działa to w żadnej przeglądarce internetowej. Tam jestZgłoszenie błędu o tym, co nie wydaje się być wysokim priorytetem (zgłoszone 05 czerwca).

Moje pytanie brzmi: czy istnieją alternatywne strategie, które rzeczywiście działają? Spróbowałem podejścia dwupoziomowego, ale nie można zagwarantować, że nagłówek będzie zgodny z treścią. Czy muszę tylko czekać, aż Webkit to naprawi?