Gibt es eine Möglichkeit, eine Spalte in einer Tabelle zu verbergen?

Question

Ich bin Ergebnisse in einem <table> in einer Gitterform zeigt. Es gibt eine ID-Spalte. Gibt es trotzdem durch HTML oder CSS, dass ich die erste Spalte verstecken kann?

Answer 1

fügen Sie die "display: none;" Stil zu einem <col> Element an der Säule entspricht. Wenn Sie die Spalte später zeigen wollen, fügen Sie eine ID an den <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 vielversprechend, aber in der Tat ist es nicht zu viel CSS-Unterstützung ermöglichen - viele CSS attrubutes einfach gilt nicht mit colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Eine weitere Option ist CSS-Selektoren vorgeschoben, wie + oder :nth-child, aber sie werden nicht von einem älteren Browser nicht unterstützt.
Am besten ist es, eine Klasse zu diesen Spalt hinzufügen oder JavaScript verwenden.

Answer 3

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

Answer 4

Nun können Sie CSS-Regel anwenden:

display: none;

CSS Eigenschaft display

Answer 5

Sie konnte einfach nicht fügen Sie diese Spalte in die HTML an erster Stelle.