Есть ли способ скрыть столбец в таблице?

Question

Я показываю результаты в <table> в виде сетки. Есть столбец ID. Есть ли в любом случае через HTML или CSS, что я могу скрыть первый столбец?

Answer 1

<colgroup> выглядит многообещающе, но на самом деле это не позволяет слишком много поддержки CSS - многие CSS-атрибуты просто не применимы к colgroup: http://www.w3schools.com/tags/tag_colgroup.asp
Другой вариант - расширенные селекторы CSS, такие как + или :nth-child, но они не поддерживаются более старым браузером.
Лучше всего добавить класс в этот столбец или использовать JavaScript.

Answer 2

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

Answer 3

добавить «display: none;» стиль элемента <col>, соответствующего столбцу. Если вы хотите показать столбец позже, добавьте идентификатор к <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 4

Вы можете просто не добавлять этот столбец в HTML.

Answer 5

Ну, вы можете применить правило CSS:

display: none;

Свойство отображения CSS