Top.Mail.Ru
Loading...
О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерская программа
Блог
Шаблоны
Вакансии
Бонусы
Идеи
NLM029 ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ

Кастомизация таблицы pl210 в tilda

Модификация позволяет заменить иконки «+» и «-», зафиксировать размер первой колонки и заменить кнопки на свои иконки в мобильной версии.
Сравните тарифные планы и пакеты amoCRM
Базовый
Расширенный

Профессиональный

Воронка продаж
Карточки сделок и контактов с настройкой полей и историей общения
Контроль дублей по источникам
Обязательность полей в зависимости от этапа продаж
Статистика в боте
Инструкция
Модификация равняет таблицу по ширине стандартных блоков. Отключает прокрутку.
Лучше всего подходит для таблиц с 2−3мя колонками

1. Укажите id блока с таблицей

2. Настройте размер первого столбца (Максимум 150px), указывайте значение без px

3. Укажите размер шрифта для заголовка, указывайте значение без px

4. По желанию, можете выбрать поворачивать заголовок на всех экранах или до 960рх

5. По желанию, можете скрыть заголовки на всех экранах или до 960рх

6. По желанию, можете заменить иконки +icon и -icon

7. Можете добавить свои иконки. Ссылку нужной иконки можете скопировать из галереи GL12

8. По желанию, в мобильной версии можете заменить кнопки на иконки.
Если эта настройка не включена, кнопки не показываются
Скрыть
Копировать код <!-- Кастомизация таблицы PL210 в Tilda --> <!-- https://nolim.cc/custom-table-pl210 --> 
<script> $(document).ready(function(){ setTimeout(function(){ $('[points="10.776 16.32 5.184 10.728 5.688 10.2 10.776 15.288 18.792 7.272 19.296 7.8"]').parent().parent().css({ 'width': '24px', 'height': '24px', 'position': 'inherit', 'background-image': 'url(https://static.tildacdn.com/tild6264-3863-4231-a332-306565643337/_html__.svg)', 'background-size': '100%', 'background-repeat': "no-repeat", 'background-position': 'center' }); $('[points="10.776 16.32 5.184 10.728 5.688 10.2 10.776 15.288 18.792 7.272 19.296 7.8"]').parent().hide(); $('[points="17.28 7.32 16.8 6.84 12.072 11.592 7.32 6.84 6.84 7.32 11.592 12.072 6.84 16.8 7.32 17.28 12.072 12.528 16.8 17.28 17.28 16.8 12.528 12.072"]').parent().parent().css({ 'width': '24px', 'height': '24px', 'position': 'inherit', 'background-image': 'url(https://static.tildacdn.com/tild3638-3239-4435-b964-323439333634/___.svg)', 'background-size': '100%', 'background-repeat': "no-repeat", 'background-position': 'center' }); $('[points="17.28 7.32 16.8 6.84 12.072 11.592 7.32 6.84 6.84 7.32 11.592 12.072 6.84 16.8 7.32 17.28 12.072 12.528 16.8 17.28 17.28 16.8 12.528 12.072"]').parent().hide(); },600); }); </script>
<!--[if !IE]><!--> <style> #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md{ display: inline-block; } </style><!--<![endif]-->
<style>
@media screen and (max-width: 960px){
/*размер текста Заголовка*/ #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md{ writing-mode: tb-rl; margin: auto; transform: rotate(-180deg); } /*For Mozilla*/ @-moz-document url-prefix() { #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md { display: inline-block; } }
}
@media screen and (max-width: 200px){ #rec326406978 .t-name_md, #rec326406978 .t613__header { display: none !important; } }
#rec326406978 .t613__buttonwrapper { padding: 24px 0px; } /* стилизация кнопки */ @media screen and (max-width: 960px) { /*размер текста Заголовка*/ #rec326406978 .t613__title.t613__header_title{ font-size: 20px !important; }
/*скрыть кнопки на мобайле*/ #rec326406978 .t613__bottom { display: none; }
#rec326406978 .t613__buttonwrapper { padding: 20px 0px; } #rec326406978 a.t609__btn.t-btn.t-btn_sm{ padding-left: 0px; padding-right: 0px; background-color: transparent !important; } #rec326406978 [href="https://dribbble.com/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://dribbble.com/"] table, #rec326406978 [href="https://dribbble.com/"] .t613__btn_title{ display:none; } #rec326406978 [href="https://dribbble.com/"].t613__btn{ position:relative; } #rec326406978 [href="https://dribbble.com/"].t613__btn::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%;} /*2 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table, #rec326406978 [href="https://nolim.cc/"] .t613__btn_title{ display:none; } #rec326406978 [href="https://nolim.cc/"].t613__btn{ position:relative; } #rec326406978 [href="https://nolim.cc/"].t613__btn::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%;} /*3 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table, #rec326406978 [href="https://nolim.cc/"] .t613__btn_title{ display:none; } #rec326406978 [href="https://nolim.cc/"].t613__btn{ position:relative; } #rec326406978 [href="https://nolim.cc/"].t613__btn::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%;} /*4 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table, #rec326406978 [href="https://nolim.cc/"] .t613__btn_title{ display:none; } #rec326406978 [href="https://nolim.cc/"].t613__btn{ position:relative; } #rec326406978 [href="https://nolim.cc/"].t613__btn::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%;}
} @media screen and (max-width: 960px){ #rec326406978 .t613__container { overflow-x: hidden; } } @media (min-width: 961px) and (max-width: 1200px) { #rec326406978 .t613__title { padding: 22px 10px !important; } #rec326406978 .t613__wrapper { padding: 30px !important; } #rec326406978 .t-btn { padding-left: 30px !important; padding-right: 30px !important; } } @media screen and (max-width: 960px) { #rec326406978 .t613__left { width: 150px !important; min-width: 150px !important; } } @media (min-width: 641px) and (max-width: 960px) { #rec326406978 .t613__content { max-width: 640px !important; width: 640px !important; } #rec326406978 .t613__mobile { padding: 0px !important; } } @media screen and (max-width: 640px) { #rec326406978 .t613__title { padding: 10px 10px !important; } #rec326406978 .t613__content { max-width: 480px !important; width: 480px !important; margin: 0 auto !important; } #rec326406978 .t613__mobile { padding: 0px !important; } } @media (max-width: 480px) { #rec326406978 .t613__content { width: 320px !important; max-width: 320px !important; margin: 0 auto !important; } #rec326406978 .t613__mobile { padding: 0px !important; } #rec326406978 .t613__wrapper { padding: 10px !important; } #rec326406978 .t613__title { padding: 16px 0px !important; } }
#rec326406978 .t613__title { padding: 16px 0px !important; }</style>
+120 модификаций
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Базовая
550₽
/месяц
Для решения краткосрочных задач
30 дней
Плагин для Тильды
Поддержка без выходных
Закрытые эфиры
чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет
Плагин для Тильды
Поддержка без выходных
+140 модификаций
Премиум
275₽
/месяц
Экономия 3300₽ в год
365 дней
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Закрытые эфиры
Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».

В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.
Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.

На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Есть идеи по улучшению этой модификации или созданию новой?
Не забудь подписаться, чтобы быть в курсе последних обновлений.