Soy consciente deesta pregunta, pero ninguna de las respuestas funciona en Safari, Chrome, etc.

La estrategia aceptada (como se demuestra aquí) es establecer la altura del cuerpo y las propiedades de desbordamiento de la siguiente manera:

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

Desafortunadamente, esto no funciona en ningún navegador webkit. Hay uninforme de error sobre eso, que no parece ser una prioridad alta (reportado el 5 de junio).

Entonces mi pregunta es: ¿hay estrategias alternativas que realmente funcionan? He intentado el enfoque de dos tablas, pero es imposible garantizar que el encabezado se alinee con el contenido. ¿Tengo que esperar a que Webkit lo arregle?