Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.07.2015, 16:31
Новичок на форуме
Отправить личное сообщение для soloinnet Посмотреть профиль Найти все сообщения от soloinnet
 
Регистрация: 08.06.2015
Сообщений: 9

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

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

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

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

Есть идеи ?
Ответить с цитированием
  #2 (permalink)  
Старый 13.07.2015, 16:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

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

Может таблица та тебе и не нужна...
Ответить с цитированием
  #3 (permalink)  
Старый 13.07.2015, 17:24
Новичок на форуме
Отправить личное сообщение для soloinnet Посмотреть профиль Найти все сообщения от soloinnet
 
Регистрация: 08.06.2015
Сообщений: 9

Проблема в том что полей и данных жуть как много и переверстать это без таблицы ну никак совсем.
Ответить с цитированием
  #4 (permalink)  
Старый 13.07.2015, 19:37
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от soloinnet
2 - При триггере 1 все располагающийся справа <TD> перенести в новый <TR>
Так не бывает и не будет.
Ответить с цитированием
  #5 (permalink)  
Старый 13.07.2015, 19:44
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подключение определенных файлов в зависимости от версии браузера и разрешении экрана. jule Общие вопросы Javascript 10 14.08.2013 21:41
Изменение scrollLeft при движении мыши 2de Events/DOM/Window 0 12.04.2013 15:37
перемещение по строкам таблицы при помощи стрелок на клавиатуре Сергей1980 jQuery 0 27.03.2013 16:36
При клике менять значение в ячейке таблицы edmundantes Events/DOM/Window 8 27.04.2012 17:26
изменение рисунка в меню при помощи Javasripta Maxim Общие вопросы Javascript 1 05.09.2008 14:59