Таблица данных
Замороженный угол
Таблица с закреплёнными шапкой и первой колонкой: при прокрутке вбок и вниз видно, к чему относится число. Подходит отчёту и админке. Меняются колонки, строки и подписи.
Что можно поменять
- массив rows и список warehouses — заголовки колонок
- caption, heading и scrollHint — подписи над и под шапкой
- leadLabel — подпись первой колонки и угловой ячейки
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/datagrid-031?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, без зависимостей, собственная палитра в локальных переменных --vibeui-datagrid-031-*. Серверный: хуков нет. Обёртка прокрутки одна и разом отвечает за обе оси (overflow:auto), заголовки шапки держатся position:sticky по top, первая колонка — по left, а угловая ячейка липнет и по top, и по left разом со своим z-index выше соседей. Подложка непрозрачная по умолчанию: без неё уезжающие строки и колонки просвечивали бы сквозь закреплённые.
Теги
- data-grid
- sticky
- freeze
- matrix
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…