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

Question

[dom1n1k]

Вопрос не по конкретной ситуации, а вообще для порассуждать.

HTML предоставляет неплохие возможности для группировки строк таблицы. Со столбцами дело обстоит значительно хуже. Есть тег colgroup, но возможности его довольно скудны и, к тому же, ведут себя в разных брузерах по-разному. Насколько я могу судить по своим экспериментам, надежно таким образом колонкам можно задавать только ширину и фоновый цвет. Бордеры, шрифт, паддинги - либо некроссбраузерны, либо не работают вовсе.

А вот я допустим хочу сгруппировать некоторые столбцы так, чтобы они были сбиты друг к другу плотнее, а между группами были паддинги побольше. Понятно, что есть костыльно-рукопашный способ с прописыванием нужных паддингов в каждую ячейку. Но это очень грустно.

Может есть что-то красивее?

update
Спецификация: https://www.w3.org/TR/CSS21/tables.html#columns

Есть ещё идея с nth-child, но это тоже костылями попахивает, потому что такую таблицу будет сложно модифицировать.

Answer 1

[Денис Букреев]

в задницу таблицы
Flexbox уже поддерживается абсолютным большинством браузеров и там поддержка как строк, так и столбцов просто восхитительна.

Comments

[dom1n1k]

Ну допустим, пусть flexbox. Что это глобально меняет?
Ячейки будут в тех же контейнерах-строках. Как логически объединить соответствующие ячейки из разных строк? Я что-то не вижу никаких методов, кроме тех, которые работают и с таблицами тоже: а) классы у всех ячеек б) nth-child.
А если все ячейки выгнать одним потоком с flex-wrap: wrap - такая "таблица" очень быстро поломается, гарантию даю.

[Денис Букреев]

dom1n1k: там таки как раз есть смена ориентации на столбцы
flex-direction: column

[dom1n1k]

И что? Вопрос был вообще не об этом.