InicioServicio ForosForos - Ayuda para usuarios
Responder
Javascript - ¿Puedo crear una tabla dentro de otra tabla?
Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#1

Hola,

estoy haciendo un sudoku y quiero hacer tablas de 3x3 y meterlas en una grande que contenga 9 tablas. El problema es que no se como hacerlo o mas bien,si se puede hacer ?

Este es el codigo que he escrito en el body:

<table border = "3" align="center" width="20px" height="20px" style="table-layout:fixed">
<tr>
<table border="1">
<tr>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
</tr>
<tr>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
</tr>
<tr>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
<td align="center" width="20px" height="20px"> <script type="text/javascript">NumAleatorios()</script> </td>
</tr>
</table>

lo he copiado tres veces para obtener tres tablas verticalmente. Aun tengo que pensar como poner las otras al lado pero de momento tengo la duda de meter las tablas en una mas grande.

Haz clic para ver el perfil del usuario

Moderador del foro
Moderador del foro

#2

@Seraphine93

Sí, dentro de una celda puedes anidar otras tablas.

Código:
<table>
    <tr>
        <td>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                <tr>
                <tr>...</tr>
                <tr>...</tr>
            </table>
        </td>
        <td>...</td>
        <td>...</td>
    </tr>
    <tr>...</tr>
    <tr>...</tr>
</table>
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 06:26 UTC+02:00 DST
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
1647Nov/16
1707Jun/14
1523May/11
4892Dec/09