¿Hay alguna forma de ocultar una columna en una tabla?

Question

Estoy mostrando resultados en un <table> en forma de cuadrícula. Hay una columna de identificación. ¿Hay alguna forma de ocultar la primera columna a través de HTML o CSS?

Answer 1

agregue " display: none; " estilo a un elemento <col> correspondiente a la columna. Si desea mostrar la columna más tarde, agregue una identificación a <=>.

<table>
    <col id="x" style="display:none" />
    <col />
    <col />
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

<script>
    function showColumn() {
        document.getElementById("x").style.display = "";
    }
</script>

Answer 2

<colgroup> parece prometedor, pero de hecho no permite demasiada compatibilidad con CSS; muchos atributos de CSS simplemente no se aplican con colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Otra opción son los selectores avanzados de CSS, como + o :nth-child, pero no son compatibles con un navegador anterior.
Su mejor opción es agregar una clase a esa columna o usar JavaScript.

Answer 3

tr > td:first-child { 
  display:none;
}

Answer 4

Bueno, podrías aplicar la regla css:

display: none;

Propiedad de visualización CSS

Answer 5

En primer lugar, no podría agregar esa columna al HTML.