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

Question

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

Answer 1

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

Answer 3

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

Answer 4

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

display: none;

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

Answer 5

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