Respuesta: por que la Etiqueta thead
no es para esa funcionalidad.
aquí esta para que funcionan los thead:
Documentación oficial de W3C en ingles: y de HTML HELP
11.2.3 Row groups: the THEAD
, TFOOT
, and TBODY
elements
<!ELEMENT THEAD - O (TR)+ -- table header -->
<!ELEMENT TFOOT - O (TR)+ -- table footer -->
Start tag: required, End tag: optional
<!ELEMENT TBODY O O (TR)+ -- table body -->
Start tag: optional, End tag: optional
<!ATTLIST (THEAD|TBODY|TFOOT) -- table section --
%attrs; -- %coreattrs, %i18n, %events --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>
Attributes defined elsewhere
id, class (document-wide identifiers)
lang (language information), dir (text direction)
title (element title)
style (inline style information )
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events )
align, char, charoff, valign (cell alignment)
[Traduccion] Las filas de la tabla se pueden agrupar en un encabezado, un pie de tabla y una o más secciones del cuerpo de la tabla, utilizando los elementos THEAD
, TFOOT
y TBODY
, respectivamente. Esta división permite que los agentes de usuario admitan el desplazamiento de los cuerpos de la mesa independientemente del cabezal y el pie de la mesa. Cuando se imprimen tablas largas, la información del encabezado y pie de la tabla se puede repetir en cada página que contiene datos de la tabla.
El encabezado y el pie de la tabla deben contener información sobre las columnas de la tabla. El cuerpo de la tabla debe contener filas de datos de la tabla.
Cuando está presente, cada THEAD
, TFOOT
y TBODY
contiene un grupo de filas. Cada grupo de filas debe contener al menos una fila, definida por el elemento TR
.
Este ejemplo ilustra el orden y la estructura de las cabezas, pies y cuerpos de las mesas.
<TABLE>
<THEAD>
<TR> ...header information...
</THEAD>
<TFOOT>
<TR> ...footer information...
</TFOOT>
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
</TBODY>
<TBODY>
<TR> ...first row of block two data...
<TR> ...second row of block two data...
<TR> ...third row of block two data...
</TBODY>
</TABLE>
[Traduccion] TFOOT
debe aparecer antes de TBODY
dentro de una definición de TABLE para que los agentes de usuario puedan representar el pie antes de recibir todas las filas de datos (potencialmente numerosas). A continuación, se resumen las etiquetas necesarias y las que pueden omitirse:
La etiqueta de inicio TBODY
siempre es necesaria, excepto cuando la tabla contiene solo un cuerpo de tabla y no hay secciones de cabecera o pie de tabla. La etiqueta final TBODY
siempre se puede omitir con seguridad.
Las etiquetas de inicio para THEAD
y TFOOT
son necesarias cuando las secciones de cabecera y pie de la mesa están presentes respectivamente, pero las etiquetas finales correspondientes siempre se pueden omitir con seguridad.
Los analizadores de agentes de usuario conformes deben obedecer estas reglas por razones de compatibilidad con versiones anteriores.
La tabla del ejemplo anterior podría acortarse eliminando ciertas etiquetas finales, como en:
<TABLE>
<THEAD>
<TR> ...header information...
<TFOOT>
<TR> ...footer information...
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
<TBODY>
<TR> ...first row of block two data...
<TR> ...second row of block two data...
<TR> ...third row of block two data...
</TABLE>
[Traduccion] Las secciones THEAD
, TFOOT
y TBODY
deben contener el mismo número de columnas.
Personalmente usaría un plugin pero seria una respuesta basada en opiniones.
En mi caso usaría jspdf y aquí esta la solución propuesta para ese plugin: Link