Стоит ли использовать col и colgroup в обычной и адаптивной верстке?

Question

[Вадим Белкин]

Как-то обходился обычно без этих тегов, но недавно решил использовать, пока правда в проекте с не адаптивной версткой. Показалось очень удобно указывать ширину ячеек через col для статических таблиц, не нужно вводить классы для нужных ячеек или писать через атрибуты (если уж нужно). Шириной col можно через стили так же управлять. Проще так

<table>
				<colgroup>
					<col class="column colspan-2">
					<col class="column colspan-2">
					<col class="column colspan-4">
					<col class="column colspan-4">
				</colgroup>
				<tbody>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>

чем так

<table>
				<tbody>
					<tr>
						<td class="column colspan-2"></td>
						<td class="column colspan-2"></td>
						<td class="column colspan-4"></td>
						<td class="column colspan-4"></td>
					</tr>
					<tr>
						<td class="column colspan-2"></td>
						<td class="column colspan-2"></td>
						<td class="column colspan-4"></td>
						<td class="column colspan-4"></td>
					</tr>
					<tr>
						<td class="column colspan-2"></td>
						<td class="column colspan-2"></td>
						<td class="column colspan-4"></td>
						<td class="column colspan-4"></td>
					</tr>
				</tbody>
			</table>

Есть какие-то неудобства, проблемы при использование col и colgroup в обычной и адаптивной верстке?

Answer 1

[Евгений Петров]

Всё верно вы думаете. Применение col и colgroup уместно более чем.
Только не пойму, зачем в вашем примере используется colgroup. Если задавать ширину для каждой колонки отдельно, это не требуется.
Если же группировать, то следует сделать вот так.
Даже col позволяет группировать.

Пы.Сы. совместное использование col и colgroup уместно, когда в группе однотипных элементов нужно вклинить один или несколько столбцов с другими стилями.

Comments

[Вадим Белкин]

Спасибо за информацию. Пока сам толком не разобрался с colgroup, как правильно его использовать. В адаптивной верстке col/colgroup можно смело использовать, меняя размеры через media queries на сколько я понял?

[Евгений Петров]

Вадим Белкин: Нет разницы между заданием ширины столбцам или ячейкам, кроме того, что у ячеек есть рамки и внутренние отступы со всеми вытекающими. И это даёт преимущество столбцам, не говоря уже про ситуацию, если не задано border-collapse:collapse.

Иначе говоря, у задания ширины ячейкам не имеет никакого преимущества, и при подсчёте ширины таблицы они равноправны (берётся наибольшее из них). Особое действие оказывает table-layout:fixed, но про это — отдельный спич.