Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменение таблицы при низком разрешении экрана (https://javascript.ru/forum/dom-window/56982-izmenenie-tablicy-pri-nizkom-razreshenii-ehkrana.html)

soloinnet 13.07.2015 16:31

Изменение таблицы при низком разрешении экрана
 
Добрый день уважаемые знатоки. Внимание вопрос !

Имеется некий сайт с неким дизайном и неким дизайнером в анабиозе.
На сайте имеется таблица, довольно массивная.
У таблицы много чего, и размер не менее 947px условно, а атрибут width=100%
Необходимо при разрешении экрана , когда содержимое таблицы перестаёт помещаться в него, переносить все крайние правые <TD> в новый <TR>.

Судя по всему, решить чистым CSS или HTML я не смогу.

Итак, задача разбита на несколько пунктов:
1 - определить что таблица ID="ContentTable" перестала помещаться в размеры экрана
2 - При триггере 1 все располагающийся справа <TD> перенести в новый <TR>
3 - Действие должно работать в обратную сторону, если экран обратно увеличился, состояние таблицы восстановилось.

Есть идеи ?

ksa 13.07.2015 16:40

soloinnet, конь так не ходит! (с) :nono:

Может таблица та тебе и не нужна... :)

soloinnet 13.07.2015 17:24

Проблема в том что полей и данных жуть как много и переверстать это без таблицы ну никак совсем.

kostyanet 13.07.2015 19:37

Цитата:

Сообщение от soloinnet
2 - При триггере 1 все располагающийся справа <TD> перенести в новый <TR>

Так не бывает и не будет.

Deff 13.07.2015 19:44

soloinnet,
Могёт таблицу поставить превьюшкой и при клике - выдавать модальное окно с полноразмерным вариантом с position:fixed и возможностью перемещения по экрану при нажатой кнопке мыши
либо тупо обернуть в div с overflow-x:auto;


Часовой пояс GMT +3, время: 17:47.