-
Cómo ocultar una columna de tabla HTML
-
Ocultación de una sola columna en una tabla HTML no es tan fácil como apagar una columna estableciéndola en "display: none" en una hoja de estilo. La razón de esto es la forma tablas se crean en HTML. El código para construir una tabla en HTML está compuesta por filas y celdas de tabla, y de la primera columna de una tabla consiste en la primera celda en cada fila. Desactivación de una columna, por tanto, hace uso de JavaScript. Puede usar jQuery, un marco de JavaScript, para ocultar la columna de una tabla HTML. Este método funciona en todos los navegadores.
Instrucciones
1 Añadir la biblioteca jQuery para su página Web. Puede copiar y pegar el siguiente código para agregar jQuery sin ponerlo directamente en el servidor:
<Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type = "javascript / texto"> </ script>
Este código va por encima de cualquier otro "<script>" etiquetas en su página web, ya sea entre los "<head>" etiquetas o en el pie de la página.
2 Añadir un nuevo par de "<script>" etiquetas por debajo de su referencia de la biblioteca jQuery y escribir una función para comprobar cuando la página termine de cargar:
<Script type = "javascript / texto">
$ (Function () {
});
</ Script>3 Escribe este código dentro de las llaves de "$ (function () {})" para ocultar una columna específica tabla:
. $ ( 'Td: nth-child (1)') ocultar ();
Cambiar el número en su interior "nth-child ()" para el número de la fila que desea ocultar. Tenga en cuenta que el "nth-child ()" del selector se inicia en el número uno para la primera fila, que se diferencia de una gran cantidad de código de programación donde los números a menudo comienzan en cero.
