Cita:
Iniciado por juangemelo01 
en vez de usar visibility, deberias usar
Display:none;
esto, por la razon que de que visibility ocupa la posicion del elemento invisible, sin embargo, el display none, no lo ocupa
utilizare el siguiente ejemplo por si no es claro
visibility:hidden = Hombre invisible
Display:None = Fantasma
El hombre invisible no puede traspasar las paredes, ademas que lo pueden golpear aun que no lo vean
un Fantasma si se hace invisible, tambien puede ser intangible, lo cual le permite atravezar paredes, y si lo intentan golpear, con la misma intangibilidad no pueden.
ahora bien, podrias intentar usar pseudo clases hijo o asignarle un ID a las columnas que no deseas mostrar, ( columna " | ") ( Fila " - "), y de la misma naera, jugar con los media queries para ocultarlo ;)
pero mi duda surge en cómo aplico la directiva display? definir una class para cada una de las celda de la misma columna?
supongamos que tengo la siguiente tabla
********* c.1 c.2 c.3 c.4 c.5
row.1 -- 1.1 1.2 1.3 1.4 1.5
row.2 -- 2.1 2.2 2.3 2.4 2.5
row.3 -- 3.1 3.2 3.3 3.4 3.5
row.4 -- 4.1 4.2 4.3 4.4 4.5
quiero ocultar las columnas 4 y 5 cuando @media{max-width:420px}
tendría que definir una clase para cada celda de las columnas 4 y 5? no se podría mejorar?
Gracias de antemano