Est-il possible de cacher une colonne dans une table?

Question

Je présente les résultats sous la forme <table> sous forme de grille. Il y a une colonne ID. Est-il possible de masquer la première colonne via HTML ou CSS?

Answer 1

ajoutez l'affichage & "; affiche: aucun; &"; style à un élément <col> correspondant à la colonne. Si vous souhaitez afficher la colonne ultérieurement, ajoutez un identifiant au <=>.

.

<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> semble prometteur, mais en réalité, il ne permet pas une prise en charge CSS trop importante - de nombreux attrubutes CSS ne s'appliquent tout simplement pas avec colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Les sélecteurs CSS avancés, tels que + ou :nth-child, sont une autre option, mais ils ne sont pas pris en charge par un navigateur plus ancien.
Votre meilleur choix est d’ajouter une classe à cette colonne ou d’utiliser JavaScript.

Answer 3

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

Answer 4

Vous pouvez appliquer la règle CSS:

display: none;

propriété d'affichage CSS

Answer 5

Vous pourriez simplement ne pas ajouter cette colonne au code HTML en premier lieu.