- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы
Для интернет-магазина инженерных систем
Мария Лосева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Уважаемые коллеги.
На страницах сайта есть довольно большие таблицы 10Х10 и т.п. Заголовки у них и в первой строке и в левой колонке. Как с ними поступить при адаптации страниц для мелких экранов до 320Х480px?
Пока мне на ум приходит только прятать таблицу и показывать её во всплывающей панели по кнопке/ссылке. Это хотя бы не рвёт верстку при первоначальной загрузке страницы. Но это всё равно заставляет прокручивать и по горизонтали и по вертикали, когда таблица открыта.
Кто что может посоветовать?
Но это всё равно заставляет прокручивать и по горизонтали и по вертикали, когда таблица открыта.
ну а куда деваться?) вот несколько решений для таблиц http://habrahabr.ru/post/149742/
тоже предстоит редизайн сайта, там таблицы и по 20 колонок, голову заранее ломаю(
я их позаворачивал в блоки с оферфлоу авто.
на узких экранах просто появлется элегантный скролинг по горизонтали.
я их позаворачивал в блоки с оферфлоу авто.
на узких экранах просто появлется элегантный скролинг по горизонтали.
Оу, а можно ссыль на рабочий пример? Очень интересно потестить, а то у самого в закладках лежит статья на которую totamon сослался выше, но приведенные в ней решения как-то не особо возбуждают.
Оу, а можно ссыль на рабочий пример? Очень интересно потестить, а то у самого в закладках лежит статья на которую totamon сослался выше, но приведенные в ней решения как-то не особо возбуждают.
вот тут в самом начале пример с overflow-x:auto : 10+ Solutions for Responsive Data Tables - http://exisweb.net/responsive-table-plugins-and-patterns
тоже предстоит редизайн сайта, там таблицы и по 20 колонок, голову заранее ломаю(
может стоит тогда перейти на дивы, там вариантов адаптивных побольше будет
может стоит тогда перейти на дивы, там вариантов адаптивных побольше будет
не, я наверно тоже на сдвиге таблицы остановлюсь, если строки в колонку выводить теряется наглядность сравнения данных.
Накидал небольшой пример: https://jsfiddle.net/sueek0fe/
Накидал небольшой пример: https://jsfiddle.net/sueek0fe/
угу и ещё можно спрятать сам скроллбар, свайпы работают (пару вариантов тут: https://toster.ru/q/18012)
угу и ещё можно спрятать сам скроллбар, свайпы работают (пару вариантов тут: https://toster.ru/q/18012)
Можно и так, лишь бы наглядность не страдала.
я их позаворачивал в блоки с оферфлоу авто.
на узких экранах просто появлется элегантный скролинг по горизонтали.
В бутстрапе тоже так же делается, таблица заворачивается в <div class="table-responsive"></div>
Есть так же вариант, который применяет jquery mobile, там колонки выстраиваются в 1 столбец. Но вставлять всю эту библиотеку ради одних только таблиц - не фонтан.
---------- Добавлено 22.05.2015 в 12:06 ----------
угу и ещё можно спрятать сам скроллбар, свайпы работают (пару вариантов тут: https://toster.ru/q/18012)
Если скроллбары прятать, пользователи не всегда понимают что содержимое прокручивать можно. Лучше, наверное, их как-то стилизовать посимпатичнее.