Inicio JavaScript Ver / ocultar filas / columnas en una tabla

Ver / ocultar filas / columnas en una tabla

Jueves, 31-03-2011 17:35 - Leer comentarios - Comentar

Si tenemos una tabla con muchas filas y columnas es posible que no queramos que se vea entera en la pantalla. Con las funciones que veremos a continuación se pueden mostrar y ocultar tanto filas como columnas. Para empezar pondremos un id a la tabla para poder actuar sobre ella:
La primera función, que muestra/oculta las filas se llama con ocultarFila(num,ver) num indica el número de fila (recordar que la primera es cero) y ver indica que queremos hacer con la fila (true=mostrar, false=ocultar).
Esta función es bastante sencilla, lo que hace es buscar todos los elementos tr y darle el estilo apropiado al que nos interesa:
Texto plano
function ocultarFila(num,ver) {
  dis= ver ? '' : 'none';
  tab=document.getElementById('tabla');
  tab.getElementsByTagName('tr')[num].style.display=dis;
}

La otra función es ocultarColumna(num,ver) Los parámetros ya los conoceis.
Esta función es un poco más compleja porque hay que recorrer todos los elementos tr y en cada uno de ellos dar el estilo que nos interesa al número que hemos pasado a la función:
Texto plano
function ocultarColumna(num,ver) {
  dis= ver ? '' : 'none';
  fila=document.getElementById('tabla').getElementsByTagName('tr');
  for(i=0;i
Para terminar pondré el código completo, para los aficionados al copy/paste.
Texto plano




Mostrar/ocultar filas y columnas




1.11.21.3
2.12.22.3
3.13.23.3


Comentarios

CARLOS - Viernes, 17-08-2012 17:27

AMIGO MUCHAS GRACIAS FUNCIONO AL 100%


Dayana - Martes, 08-11-2011 13:21

Wait, I cannot fahotm it being so straightforward.


No se permiten comentarios en este momento.