Eliminar u ocultar columna de tabla

Siddhartha · #1 (**permalink**) 15/04/2008, 07:13

Hola a todos!!

Queria saber si se puede eliminar u ocultar una columna de una tabla. Es una tabla que se genera con una base de datos, por lo tanto la cantidad de filas no es fijo.

Muchas gracias!!!!

JavierB · #2 (**permalink**) 15/04/2008, 09:05

Hola Siddhartha

Echa un vistazo a esta página:

http://www.telefonica.net/web2/blas-mar/vertabla.html

Saludos,

Siddhartha · #3 (**permalink**) 15/04/2008, 09:14

muy bueno, gracias!!!

Siddhartha · #4 (**permalink**) 15/04/2008, 12:39

Con la ayuda de JavierB pude hacerlo, pero me tira un error, que no impide que el codigo se ejecute pero me gustaria resolverlo, veamos el codigo:

Código HTML:

<html>
<head>
<script>
function borrarColumna(idTabla,numeroColumna)
{
var fila;
fila=document.getElementById(idTabla).getElementsByTagName('tr');

for(var i=0;fila.length-1;i++)
	{
	alert(fila[i].getElementsByTagName('td')[numeroColumna].text);
	fila[i].getElementsByTagName('td')[numeroColumna].style.display="none";
	//alert(i)
//document.getElementById('columna1').style.display="none";
	}
}
</script>

</head>
<body>
<table id="tablita" border="1">
  <tr>
    <td>primer renglón, primera columna</td>
    <td>primer renglón, segunda columna</td>
    <td>primer renglón, tercera columna</td>
  </tr>
<tr>
    <td>primer renglón, primera columna</td>
    <td>primer renglón, segunda columna</td>
    <td>primer renglón, tercera columna</td>
  </tr>
</table>
<input type="button" onclick="borrarColumna('tablita',1)" value="borrar">
</body>
</html>

Agrdecería vuestra ayuda, gracias!!!

codigojavascript · #5 (**permalink**) 15/04/2008, 14:33

Ten en cuenta que la propiedad text es soportada solo por Netscape4 y que ya se encuentra en desuso, es por eso que en IE y en Firefox se muestra el valor undefined

Saludos

Siddhartha · #6 (**permalink**) 15/04/2008, 14:56

gracias!!! Bien, ahora lo modifiqué pero me tira el siguiente error el firefox:

fila[i] has no properties....no se por qué!!!!!!!!!!!

Ahora este es el codigo:

Código HTML:

<html>
<head>
<script>
function borrarColumna(idTabla,numeroColumna)
{
var fila;
fila=document.getElementById(idTabla).getElementsByTagName('tr');
ultimaColumna=fila.length-1
for(var i=0;ultimaColumna;i++)
	fila[i].getElementsByTagName('td')[numeroColumna].style.display="none";
}
</script>

</head>
<body>
<table id="tablita" border="1">
  <tr>
    <td>primer renglón, primera columna</td>
    <td>primer renglón, segunda columna</td>
    <td>primer renglón, tercera columna</td>
  </tr>
<tr>
    <td>primer renglón, primera columna</td>
    <td>primer renglón, segunda columna</td>
    <td>primer renglón, tercera columna</td>
  </tr>
</table>
<input type="button" onclick="borrarColumna('tablita',1)" value="borrar">
</body>
</html>

Agradecería mucho esta ayuda!!!!!!

Siddhartha · #7 (**permalink**) 16/04/2008, 07:08

Sigo buscando el error pero no lo encuentro

JavierB · #8 (**permalink**) 16/04/2008, 09:26

Hola de nuevo.

Corrige estas líneas:

Código:

ultimaColumna=fila.length
for(var i=0;i<ultimaColumna;i++)

Saludos,

Siddhartha · #9 (**permalink**) 16/04/2008, 14:43

gracias!!!!!!!!!! Solucionado!