TABULATOR / ДАННЫЕ → РАБОЧАЯ ТАБЛИЦА

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

Каталог, тарифы или оборудование: измените строки, оставьте нужные колонки, проверьте сортировку и поиск. Сохраните весь результат в HTML, который работает без интернета.

Попробуйте за минуту: замените цену диагностики с 1 500 на 2 000 ₽ — сумма станет 14 500 ₽. В поле «Поиск по названию и категории» введите «Сервис», отсортируйте цену, затем отключите колонку «Категория». На узком экране часть полей раскрывается под названием.

1. Данные и настройки

Локально в браузере

Демонстрационные цены. Данные живут в этой вкладке; заявки и изменения на сервер не отправляются.

К таблице ↓
Другой набор для практики

Заменяет название и строки. «Сбросить мастерскую» возвращает исходный вариант.

Колонки таблицы

Смена колонок, фильтров или разбиения начинает просмотр заново. Цвет и плотность сохраняют текущий поиск.

Редактор строки

6 из 12

Выберите строку и редактируйте поля ниже. Максимум 12 строк; их идентификаторы сохраняются при удалении соседей.

От 0 до 1 000 000 ₽, до двух знаков после запятой. Пустое поле — незавершённый ввод.

К таблице ↓

2. Проверьте интерфейс

Tabulator 6.7.1
К настройкам ↑

Заголовок столбца переключает сортировку. Текстовые фильтры ищут часть слова; поле «Цена от» задаёт нижнюю границу. Скрытые на узком экране поля перечислены под строкой.

Ищет в обеих колонках, включая скрытые на маленьком экране. Работает вместе с фильтрами в заголовках.

Всего позиций6
Доступны5
Сумма цен, ₽14 000

Показатели относятся ко всем введённым строкам, включая недоступные. Сумма цен — контроль данных, а не стоимость заказа.

Все данные в обычной таблице

Полный набор без поиска и разбиения на страницы. Удобно для проверки и чтения программой озвучивания.

НазваниеКатегорияЦена, ₽Доступна

Что делает библиотека

Tabulator строит таблицу, сортирует и фильтрует строки, делит их на страницы и переносит колонки в подробности на маленьком экране.

Редактор, проверка цен, сводка и безопасная выгрузка CSV — код мастерской. В рабочем сервисе сервер отдельно проверяет права и значения.

СОХРАНИТЬ СВОЙ ВАРИАНТ

3. Данные, код и автономный HTML

JSON содержит все строки. JavaScript показывает настоящую конфигурацию Tabulator с функциями форматирования. Полный HTML включает мастерскую, библиотеку и стили: он открывается без интернета и сохраняет данные, настройки, поиск и сортировку.

Все исходники ZIP ↗

CSV содержит все строки и четыре поля, даже если на экране включён поиск или скрыта колонка. Текст, похожий на формулу, получает защитный апостроф для табличных редакторов.

В скачанном HTML сброс возвращает состояние на момент экспорта. Изменённый вариант можно сохранить повторно.