C'è un modo per nascondere una colonna in una tabella?

Question

Sto mostrando i risultati in <table> in una griglia. C'è una colonna ID. È comunque possibile nascondere la prima colonna tramite HTML o CSS?

Answer 1

aggiungi il " display: none; " stile a un elemento <col> corrispondente alla colonna. Se desideri mostrare la colonna in un secondo momento, aggiungi un ID 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> sembra promettente, ma in realtà non consente troppo supporto CSS - molti attrattori CSS semplicemente non si applicano con colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Un'altra opzione sono i selettori CSS avanzati, come + o :nth-child, ma non sono supportati da un browser meno recente.
La tua scommessa migliore è aggiungere una classe a quella colonna o usare JavaScript.

Answer 3

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

Answer 4

Beh, potresti applicare la regola css:

display: none;

Proprietà di visualizzazione CSS

Answer 5

Non puoi semplicemente aggiungere quella colonna all'HTML in primo luogo.