ocultar columnas en tabla html

pablolennin · #1 (**permalink**) 08/09/2009, 10:03

este codigo me oculta la columna pero no me oculta las subcolumnas que esta debajo de ella
function ocultarColumna(num,ver) {
dis= ver ? '' : 'none';
fila=document.getElementById('virgo').getElementsB yTagName('tr');
for(i=0;i<fila.length;i++)
fila[i].getElementsByTagName('td')[num].style.display=dis;
}
aqui un ejemplo.
<table>
<tr>
<td>columna 1</td>
<td colspan='3'>columna 1</td>
</tr>
<tr>
<td>hola</td>
<td>no se oculta</td>
<td>no se oculta</td>
<td>no se oculta</td>
</tr>
</table>

la pregunta es como puedo ocultar una columna con todas sus subcolumnas?

Adler · #2 (**permalink**) 08/09/2009, 11:30

Hola

Parece que lo único que has de hacer es montar otro ciclo para sacar los td que tiene cada tr

Algo así

Código javascript:

Ver originalcolumna = fila[i].getElementsByTagName('td');
for (j = 0; j < columna.length; j++)
....

Suerte

pablolennin · #3 (**permalink**) 08/09/2009, 14:22

algo asi

Cita:

noce casi java

Adler · #4 (**permalink**) 08/09/2009, 14:36

Hola

Sí, creo que funcionará. Has de quitar la línea que esta en rojo

Cita:

Suerte

pablolennin · #5 (**permalink**) 08/09/2009, 14:43

me sale error en la pagina, cual sera el error

Cita:

Adler · #6 (**permalink**) 08/09/2009, 14:56

Hola

Tendrás que ser mas especifico con ese error. Por otro lado esto

columna[j].getElementsByTagName('td')[i].style.display=dis;

debe de ser

columna[j].style.display=dis;

Suerte

pablolennin · #7 (**permalink**) 08/09/2009, 15:07

cambie la linea de codigo y me quita toda la tabla...ya esta cerca

Adler · #8 (**permalink**) 08/09/2009, 15:16

No es que esté cerca es que ya has llegado. Al ocultar todos los td, en realidad te que queda esto

<table>
<tr>
</tr>
<tr>
</tr>
</table>

el interprete lo ejecuta y no muestra nada

Suerte

pablolennin · #9 (**permalink**) 08/09/2009, 15:29

pero como hago para ocultar por ejempo
<table>
<tr>
<td>esto no</td>
<td colspan='2'>quiero ocultar</td>
</tr>
<tr>
<td>esto no</td>
<td>esto tambien quiero que se oculte</td>
<td>esto tambien quiero que se oculte</td>
</tr>

Adler · #10 (**permalink**) 08/09/2009, 15:39

Hola

Por ejemplo que muestras, deduzco que no quieres que se oculte la primera columna de cada fila. En tal caso, sería algo así

Código javascript:

Ver originalfunction ocultarColumna(num,ver)
{
dis= ver ? '' : 'none';
fila=document.getElementById('virgo').getElementsB yTagName('tr');
for(i=0;i<fila.length;i++)
{
columna = fila[i].getElementsByTagName('td');
for (j = 0; j < columna.length; j++)
{
if (j != 0)
columna[j].style.display=dis;
}
}
}

Suerte

pablolennin · #11 (**permalink**) 08/09/2009, 15:54

no me oculta las dos subcolumnas del colspan