При помощи дополнительного плагина, расширяющего возможности редактора, можно рисовать таблицы, стилизовать их.
Часто бывает так, что таблица имеет большие отступы и поэтому ее ячейки не помещаются на экране, особенно эта проблема актуальна для мобильных устройств.
Выход есть! Наш код позволяет листать таблицу, оставляя первые значимые ячейки неподвижными!
Ниже приведен пример такой таблицы, специально уменьшенный по ширине, чтобы появилась полоса прокрутки. Вы можете подвигать ее и убедиться, что таблица скроллится очень эффектно. Особенно это актуально для мобильных устройств.
Адаптивная таблица с горизонтальной прокруткой и фиксированной колонкой
Тип квартиры
Площадь
Цены на материалы
Цены на работы
Итого
Сроки (дн.)
Еще одна колонка
Условия
Последний столбец
Студия
25-35 м2
35000руб.
65000руб.
100000руб.
35-50
23525 2524
1
Внешний вид
1-комнатные
35-55 м2
45000руб.
80000руб.
125000руб.
40-55
36356
0
Внешний вид
2х-комнатные
55-75 м2
50000руб.
90000руб.
140000руб.
45-60
34546
1
Внешний вид
3х-комнатные
75-85 м2
60000руб.
100000руб.
160000руб.
60-75
1213
1
Внешний вид
4х-комнатные
90-110 м2
68000руб.
125000руб.
193000руб.
75-90
45645
1
Внешний вид
Создадим для вас любую таблицу, научим пользоваться и редактировать.
Примеры дизайнерских решений:
Оставьте заявку
на расчет стоимости
Только телефон - и мы в деле.
Свяжемся с вами через мессенджер.
Скачайте
прайс-лист на все
услуги в 1 клик
Обновлен:
13.07.2022
Тестовый квиз на выходе
Обработка данных
Связаться через мессенджер
Оставьте номер телефона и мы свяжемся с вами через Telegram или WhatsApp мы не храним и не передаем третьим лицам телефонные номера
Участвовать в акции
Только телефон и вы участник акции.
Перезвоним через пару минут для уточнения деталей
Оставить заявку на услугу
Только телефон и мы в деле.
Перезвоним как можно скорее
Заказать в 1 клик
Свяжемся с вами в Telegram или
Whatsapp для уточнения деталей
мы не храним и тем более не передаем третьим лицам телефонные номера
Вызвать замерщика бесплатно
Оставьте телефон и
мы перезвоним
Отправить резюме
Оставьте контактные данные,
и мы перезвоним
Оставить отзыв
Для улучшения работы сайта мы используем файлы cookie. Вы всегда можете отключить файлы cookie в настройках браузера.