таблица HTML - строками или столбцами

Согласно Спецификации таблиц HTML4 W3C :

Кроме того, авторы могут объявить свойства столбца в начале определения таблицы (через COLGROUP и элементы COL) способом который позволяет пользовательским агентам отображать таблицу постепенно, а не ждать, пока все данные таблицы будут прибыть до рендеринга.

Это важное замечание о свойствах столбца не меняет функциональную структуру таблицы, но позволяет гибко как стилизовать таблицу, так и семантически описывать ее данные. В частности, связанные данные строк и столбцов обеспечивают преимущества для программ чтения с экрана.

Это говорит о том, что ваша таблица по-прежнему структурирована по строкам, а затем по столбцам. Элементы colgroup и col используются до того, как фактическая структура таблицы появится перед thead.

Вам нужно думать в терминах реляционной DOM (объектной модели документа).

 Table -- Parent
       TR --- Child
            TD ---- Child

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

Если вы ищете другой подход, попробуйте использовать XHTML, вы можете вкладывать блоки div и span для замены таблиц. Но лично я предпочитаю старый добрый HTML 4.

HTML-таблицы имеют элементы tbody (а также thead и tfoot), которые содержат элементы строки таблицы, которые содержат элементы ячейки данных таблицы и элементы ячейки заголовка таблицы.

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

Что ж, вам действительно стоит использовать стандарт HTML. Причина в том, что возня со столбцами и строками таблиц может усложнить работу с кодом. Просто придерживайтесь стандартного HTML.