Quiero lograr que mi tabla HTML tenga un Header Fijo, pero hay un problema y es que tiene un scroll tanto en X como en Y...
<table style="overflow: auto;width: 500px;height: 400px;">
<thead>
<th>ENE</th>
<th>FEB</th>
<th>MAR</th>
<th>ABR</th>
<th>MAY</th>
<th>JUN</th>
<th>JUL</th>
<th>AGO</th>
<th>SEP</th>
<th>OCT</th>
<th>NOV</th>
<th>DIC</th>
</thead>
<tbody>
<tr>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
</tr>
<tr>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
</tr>
<tr>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
</tr>
<tr>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
</tr>
<tr>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
<td>Contenido</td>
</tr>
</tbody>
es una tabla básica hecha solo con html y css pero necesitaría que cuando haga scroll tanto X como Y entonces este pueda quedar fijo en Y pero se mueva normalmente en X
Ya allí un ejemplo de una tabla. Lo que necesito es dejar el head fijo para que pese a que haga scroll en Y este se mantenga arriba, y si hace scrool en X entonces este muestre los demás meses.
Ojo utilizo un scroll en X debido a que no cabe completamente la tabla
He tratado ya con posicion absolute y fixed pero cuando hago esto se distorciona un poco la tabla y si hago scrool en X entonces queda estatico arriba osea quedan todos los meses pegados el uno del otro