Задать вопрос
partyzanx
@partyzanx

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

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

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



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

5ca97b5fa7083655946260.jpeg

Также вопрос актуален если изменяется ширина экрана пользователем в процессе просмотра. Можно скриптом сохранить изначальное состояние таблицы, и при изменении ширины экрана таблицу восстановить и отформатировать под новую ширину экрана.
  • Вопрос задан
  • 721 просмотр
Подписаться 1 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы