Для чего нужна модификация
Подойдёт для прайса услуг, списка тарифов или расписания, где несколько столбцов трудно читать с телефона. Вместо сжатых ячеек посетитель получает отдельную карточку для каждой строки. Первая ячейка становится её названием, остальные показываются с подписями из заголовка таблицы.
Содержимое продолжаете редактировать в CL46. Ссылки и кнопки остаются исходными элементами. На широком экране сохраняется штатный вид таблицы; переход к карточкам зависит от ширины самого блока. Поиск помогает быстро найти нужную строку, а для нескольких таблиц работает независимо.
Как установить
- Добавьте CL46 с одной строкой заголовков. Заполните названия столбцов и данные.
- Назначьте блоку класс uc-aw-tablecards. Если Tilda уже показывает префикс uc-, введите только aw-tablecards.
- В конструкторе выберите оформление и скопируйте полный код установки. Добавьте T123 после таблицы и вставьте код целиком один раз.
- Опубликуйте страницу. Проверьте длинные значения, поиск, ссылки и кнопки на широком и узком экране.
Что можно настроить
Доступны порог перехода к карточкам, цвета акцента, фона и границ, скругление, расстояние между карточками, размер текста и включение поиска. Можно указать один класс или ID блока. Переключатели «До/После» и размера экрана служат для предпросмотра.
Совместимость и ограничения
Поддержка подтверждена для CL46 с простым заголовком. Таблицы с вертикально объединёнными ячейками или многоуровневой шапкой остаются таблицами. Новые блоки, добавленные спустя более 12 секунд после запуска, требуют повторного подключения или refresh().
Что проверено
Опубликованный CL46 проверен в Chromium при ширине окна 500 px; отдельный предпросмотр — при 360 px. Физический телефон и Safari не проверялись.
