URL скопирован в буфер обмена!
Как адаптировать таблицу CL46 под мобильные гаджеты
При помощи данной модификации можно сделать альтернативный способ адаптации таблицы тильда. Скрипт фиксирует первый столбец таблицы, а остальные столбцы можно удобно скролить по горизонтали.
Модификация не работает с включенным Autoscale в блоках
Модификация работает только со стандартными блоками
Номер модификации в библиотеке TiCode
id блока таблицы
Цвет нечетных строк табилцы
Цвет четных строк табилцы
Цвет обводки таблицы
Цвет верт. разделителя в первом столбце
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD064--><style>
#rec694312786 .t431__td:first-child::before {
content: "";
background: #f96855 !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
}
#rec694312786 .t431__td:first-child::after {
content: "";
background: !important;
position: absolute;
top: 0;
left: -1px;
bottom: 0;
width: 1px;
}
#rec694312786 .t431 th:first-child,
#rec694312786 .t431 .t431__td:first-child {
position: sticky;
left: 0;
}
#rec694312786 .t431__oddrow .t431__td {
background-color: #f7d5ce !important;
}
#rec694312786 .t431__evenrow .t431__td {
background-color: #ffffff !important;
}
#rec694312786 .t431__th::before {
content: "";
background: #f96855 !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
}
#rec694312786 .t431__th::after {
content: "";
background: !important;
position: absolute;
top: 0;
left: -1px;
bottom: 0;
width: 1px;
}
</style>
1. Создаем блок CL46
2. Копируем id блока в генератор кода и указываем дополнительные настройки:
Цвет четных и нечетных строк - указываем цвет который задали в настройках блока таблицы. Если нужно выделить первый столбец цветом, то указываем любой другой цвет.
Цвет обводки таблицы - если в настройках блока указали "цвет границ", то указываем сюда такой же цвет обводки. Если обводки у таблицы нет, то оставляем поле пустым;
Цвет верт. разделителя первого столбца - если в настройках таблицы включили вертикальную обводку, то дублируем сюда цвет обводки. Если вертикальной обводки нет, то можно оставить поле пустым. Если вертикальной обводки нет, но цвет указали, то между 1 и 2 колонкой будет вертикальная линия разделителя;
3. Копируем готовый код и вставляем в HTML блок Т123.
2. Копируем id блока в генератор кода и указываем дополнительные настройки:
Цвет четных и нечетных строк - указываем цвет который задали в настройках блока таблицы. Если нужно выделить первый столбец цветом, то указываем любой другой цвет.
Цвет обводки таблицы - если в настройках блока указали "цвет границ", то указываем сюда такой же цвет обводки. Если обводки у таблицы нет, то оставляем поле пустым;
Цвет верт. разделителя первого столбца - если в настройках таблицы включили вертикальную обводку, то дублируем сюда цвет обводки. Если вертикальной обводки нет, то можно оставить поле пустым. Если вертикальной обводки нет, но цвет указали, то между 1 и 2 колонкой будет вертикальная линия разделителя;
3. Копируем готовый код и вставляем в HTML блок Т123.
Таблица с адаптацией под мобилки
Таблица без адаптации под мобилки
