AI-ассистент

Тарифы

Обучение

Новости

О платформе

-37% до 31 августа

открой полную свободу творчества с GPT-5

AI-ассистент для Тильды

Подробнее

Перейти на сайт

No-code платформа для интеграции с российскими сервисами

Адаптер

Мы в соцсетях

Ответим на вопросы

Техподдержка

Перейти на сайт

Образовательные курсы и гайды для IT-специалистов

Академия

Клиентам

Партнерская программа

О нас

Плагин для Тильды

Партнерам

Подробнее

-37% до 31 августа

открой полную свободу творчества с GPT-5

AI-ассистент для Тильды

....

NLM029 • Время настройки: 2 минуты

Кастомизация таблицы PL210 на Тильде

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

Установить код

Посмотреть пример

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.

Сравните тарифные планы и пакеты amoCRM

Воронка продаж

Карточки сделок и контактов с настройкой полей и историей общения

Контроль дублей по источникам

Обязательность полей в зависимости от этапа продаж

Статистика в боте

В корзину

Смотрите, как быстро установить модификацию

Инструкция

Модификация равняет таблицу по ширине стандартных блоков. Отключает прокрутку.
Лучше всего подходит для таблиц с 2−3мя колонками

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

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

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

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

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

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

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

8. По желанию, в мобильной версии можете заменить кнопки на иконки.
Если эта настройка не включена, кнопки не показываются

Сгенерируйте код для своего сайта

id блока

Ширина левой колонки - размер до 960px (указывать без рх)

ЗАГОЛОВОК: РАЗМЕР ШРИФТА ДО 960рх (без рх)

+ Поворот заголовка на 90

Поворот заголовка на 90

+ Убрать заголовки

Скрыть

+ Заменить стандартные иконки

Ссылка для иконки (+icon)

Ссылка для иконки (-icon)

+ Добавить кнопки

Размер кнопок

Ссылка для кнопки 1

Ссылка для кнопки 1 (иконка)

Ссылка для кнопки 2

Ссылка для кнопки 2 (иконка)

Ссылка для кнопки 3

Ссылка для кнопки 3 (иконка)

Ссылка для кнопки 4

Ссылка для кнопки 4 (иконка)

Копировать код <!-- Кастомизация таблицы 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>

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.

Остались вопросы?

Шаг 4

Копировать код

Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:

Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.

Настройте модификацию

Шаг 3

И получите доступ к библиотеке из более чем 200 модификаций.

Оплатите подписку

Шаг 2

Создать аккаунт — это быстро и просто.

Войдите или зарегистрируйтесь на платформе

Шаг 1

Зарегистрироваться

Войти

Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.

Остались вопросы?

Шаг 3

Копировать код

Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:

Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.

Настройте модификацию

Шаг 2

И получите доступ к библиотеке из более чем 200 модификаций.

Возобновите подписку

Шаг 1

Выбрать тариф

Копировать код

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.

Остались вопросы?

Шаг 3

Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:

Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.

Настройте модификацию

Шаг 2

И получите доступ к библиотеке из более чем 200 модификаций.

Оплатите подписку

Шаг 1

Выбрать тариф

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода

Не нашли свой вопрос?

Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.

Связаться

Не нашли свой вопрос?

Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.

Связаться

Есть идеи по улучшению этой модификации или созданию новой?

Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.

Поделиться идеей

Не забудь подписаться, чтобы быть в курсе последних обновлений.

Кастомизация таблицы PL210 на Тильде

Посмотрите, как будет выглядеть модификация на вашем сайте.

Смотрите, как быстро установить модификацию

Сгенерируйте код для своего сайта

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы