partyzanx
@partyzanx

Перенос ячейке таблицы на новую строку как сделать?

Как сделать продолжение таблицы на следующей строке при достижении края экрана? (не изменяя html)

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



Нужно чтобы таблица дальше продолжалась, не нарушая структуры, вот так:

5ca97b5fa7083655946260.jpeg

Также вопрос актуален если изменяется ширина экрана пользователем в процессе просмотра. Можно скриптом сохранить изначальное состояние таблицы, и при изменении ширины экрана таблицу восстановить и отформатировать под новую ширину экрана.
  • Вопрос задан
  • 546 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы