Как сделать продолжение таблицы на следующей строке при достижении края экрана? (не изменяя html)
Есть вот такая идея : Как вариант, отслеживайте изменение окна браузера при помощи js, и если первая строка перестанет помещаться (таблица станет шире, чем видимая часть документа), программно создаете новую строку (display: table-row) и впихиваете туда нужные ячейки. Подход с перестройкой DOM программно в зависимости от разного рода условий весьма распространен в сложных макетах.
Нужно чтобы таблица дальше продолжалась, не нарушая структуры, вот так:
Также вопрос актуален если изменяется ширина экрана пользователем в процессе просмотра. Можно скриптом сохранить изначальное состояние таблицы, и при изменении ширины экрана таблицу восстановить и отформатировать под новую ширину экрана.