Как правильно применять стили CSS к целым колонкам таблицы без классов и nth-child?

Question

[podust]

Здравствуйте, уважаемые!
Очень глупый вопрос. Тем не менее, задумался об этом впервые.

Скажем, имеется такая вот элементарная таблица:

<table>
  <thead>
    <tr>
      <th>Номер</th>
      <th>Имя</th>
      <th>Телефон</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Миша</td>
      <td>[phone]</td>
    </tr>
  </tbody>
</table>

Как задать стили для какой-либо колонки целиком, не прибегая к костылям типа указания классов для каждого td, или указания nth-child для всех td у tbody → tr?

Чтобы не влияло отрицательно на скорость рендера страницы в случае с массивными таблицами, а также было изначально чистым решением. В общем, по феншую в целом?

Comments

[podust]

<table>
  <colgroup>
   <col align="center">
   <col align="center">
   <col align="center">
  </colgroup>
...

Почему-то не работают в Firefox под Linux. Может я неправильно этими пользуюсь, правда.

[Алексей Уколов]

Эм, с каких пор классы и nth-child стали костылями?

Answer 1

[Никита Борзенков]

Почему вы считаете nth-child костылями? Они как раз созданы для этого.

Comments

[podust]

nth-child для td — это, все-таки как бы выбор отдельных ячеек td и применение над ними каких-то действий. Мне интересно — нет ли какого-то «законного» и оптимального механизма работы именно с колонками? Или движок браузера это все оптимизирует самостоятельно?

Мне интересен вопрос стилизации целых колонок в первую очередь с точки зрения производительности и правильности решения. Т.е., скажем, у меня будут таблицы в миллион записей, которые нужно выводить на одной странице. Как поведет себя “nth-child” vs “col” vs «классы в каждой ячейке»? Но это, видимо, надо делать собственные тесты.

Answer 2

[Александр Зачиналов]

<td align="вот" valign="вам" bordercolor="вариант" bgcolor="для"  rowspan="которого" colspan="не" background="нужен" height="ни" width="один" nowrap="из" style="костылей"></td>

Comments

[podust]

Спасибо, но задача стояла в том, чтобы НЕ управлять каждым td по отдельности, а вы ее с блеском выполнили с точностью до наоборот. Задача в том, чтобы управлять целой колонкой, стилизовать как-то колонку, а не отдельные ячейки этой колонки, и тем более такими методами.

Answer 3

[monochromer]

Применить некоторое оформление можно с помощью тега col.
Подробнее с примером здесь.

Comments

[podust]

Мне интересен вопрос стилизации целых колонок в первую очередь с точки зрения производительности и правильности решения. Т.е., скажем, у меня будут таблицы в миллион записей, которые нужно выводить на одной странице. Как поведет себя nth-child vs col vs классы в каждой ячейке? Но это, видимо, надо делать собственные тесты.