Добавить информацию табличного вида в Тильду очень просто. Воспользуемся стандартным блоком CL46, Таблица. Особенность его в очень простой механике заполнения: данные по столбцам отделяются точкой с запятой «;», а строки переносом строки. Сделать такую табличку очень просто в том же Excel, или Google Sheets, формат файла .csv. Для переноса данных в тильду файл надо открыть в текстовом редакторе, например, Notepad++ и перенести данные в блок Тильды. Разберем подробнее каждый этап.
Подготовка таблицы
Сохранять таблицу нужно обязательно в кодировке UTF-8 с BOM. Иначе в Тильда будут вместо текста кракозябры. Google Таблицы сохраняют в таком формате по умолчанию, поэтому для уменьшения лишних телодвижений лучше воспользоваться этим сервисом.Для примера я возьму исходную таблицу с прайсом на медицинские анализы. В прайсе несколько столбцов, для посетителей сайта нам надо оставить только главное:
- Код анализа
- Наименование
- Стоимость
- Срок готовности
Заполним первую строчку таблицы:
![](https://static.tildacdn.com/tild3661-3732-4038-b666-643734323761/sheet-header.png)
Копируем данные из исходной таблички и заполняем разделы:
![](https://static.tildacdn.com/tild3234-3461-4130-b663-366562393733/sheet-body.png)
Сохраняем таблицу на свое устройство:
![](https://static.tildacdn.com/tild6433-3061-4536-a562-643639373632/sheet-save.png)
И открываем ее в текстовом редакторе, рекомендую Notepad++:
![](https://static.tildacdn.com/tild3639-3838-4630-b138-393934383161/sheet-txt.png)
Заполнение блока в Тильде
На нужной странице добавляем блок CL46, Таблица. Настройки контента по умолчанию выглядят так:![](https://static.tildacdn.com/tild3632-3062-4135-b935-656331373637/cl46-raw.png)
Копируем первую строчку из таблицы в Notepad++ и вставляем ее в Шапку.
Копируем остальные строки и вставляем в Содержимое таблицы.
Столбцов в таблице у нас 4, поэтому подредактируем поле Ширина колонок:
![](https://static.tildacdn.com/tild3338-3633-4765-a463-323263306165/cl46-kolonki.png)
Ширина задается в процентах от общей ширины таблицы, т. е. сумма всех колонок не должна быть больше 100%. Самое широкое поле нужно для Наименования, там задаем 55%, остальное делим между оставшимися.
Сохраняем блок и получаем табличку в Тильда.
![](https://static.tildacdn.com/tild6239-6537-4665-b164-383535363435/cl46.png)
В настройках блока можно подредактировать вид таблицы под общий стиль и поведение на разных экранах.
Все 2000 строк не стоит делать одной таблицей, большие объемы информации следует разделять, в нашем случае можно делать разделы из строк с желтой заливкой в оригинальной таблице. Т.е. на странице будет несколько таблиц, логически состоящих из анализов одного типа.