テーブルの列を非表示にする方法はありますか？

StackOverflow https://stackoverflow.com/questions/1620914

  •  06-07-2019
  •  | 
  •  

質問

結果をグリッド形式で<table>に表示しています。 ID列があります。とにかく最初の列を非表示にできるHTMLまたはCSSがありますか？

役に立ちましたか？

解決

<！> quot; display：none; <！> quot;を追加します。列に対応する<col>要素のスタイル。後で列を表示する場合は、<=>にidを追加します。

<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>

他のヒント

<colgroup>は有望に見えますが、実際にはあまり多くのCSSサポートを許可していません-多くのCSS属性は単にcolgroupには適用されません： http://www.w3schools.com/tags/tag_colgroup.asp
もう1つのオプションは、+や:nth-childなどの高度なCSSセレクターですが、古いブラウザーではサポートされていません。
最善の策は、その列にクラスを追加するか、JavaScriptを使用することです。

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

さて、CSSルールを適用できます：

display: none;

CSS表示プロパティ

最初にその列をHTMLに追加することはできませんでした。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top