Existe alguma maneira para esconder uma coluna em uma tabela?

Question

Eu estou mostrando resultados em um <table> em forma de grade. Há uma coluna de identificação. Existe uma maneira através de HTML ou CSS que eu posso esconder a primeira coluna?

Answer 1

adicionar o "display: none;" estilo de um elemento <col> correspondente à coluna. Se você quer mostrar a coluna posterior, adicione um id para o <col>.

<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> lookes prometendo, mas na verdade ele não permite muito apoio CSS - muitas attrubutes CSS simplesmente não se aplicam com colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Outra opção é seletores CSS avançados, como + ou :nth-child, mas eles não são apoiados por um navegador mais antigo.
Sua melhor aposta é a de adicionar uma classe para essa coluna, ou para usar JavaScript.

Answer 3

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

Answer 4

Bem, você poderia aplicar regra CSS:

display: none;

propriedade de exibição CSS

Answer 5

Você poderia simplesmente não adicionar essa coluna ao HTML em primeiro lugar.