Actual mente tengo 1 tabla(html) con 2 tablas(html) dentro cuyo problema es que al visualisarse en una pantalla chica se desajustan los encabezados con la tabla
Mi tabla (ejemplo) :
<table width="100%" >
<tr>
<table width="100%" >
<tr>
<th width='25%'>nombre0</th>
<th width='25%'>nombre1</th>
<th width='25%'>nombre2</th>
<th width='25%'>nombre3</th>
</tr>
</table>
</tr>
<tr>
<td>
<table width="100%" >
<tr>
<td width='25%'>0</td>
<td width='25%'>1</td>
<td width='25%'>2</td>
<td width='25%'>3</td>
</tr>
</table>
</td>
</tr>
</table>
En este caso al verse en una pantalla mas chica el 1, 2, terminan bajo nombre0 me gustaria que en este caso sin dejar de usar ambas tablas dentro de la tabla principal poder hacer que no se desajusten los encabezados y estos sigan a las columan
thead
, llenas cada columna entbody
y puedes fijar dichos encabezados concss
... te dejo un link stackoverflow.com/questions/21168521/…