Таблица - навигация по ячейкам таблицы с помощью стрелок клавиатуры. Аналог Excel таблицы на сайте
Мы реализовали процесс работы с таблицей по аналогии с таблицей Excel - двигаемся по ячейкам с помощью клавиш вверх, вниз, вправо, влево (с зажатым CTRL) с мгновенным сохранением значений.
Как реализовать
Создаем необходимые столбцы (с редактированием), и ставим instant:true для режима редактирования.
CREATE PROCEDURE [dbo].[crud_watch_excelMode_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
declare @ids TABLE (id int)
insert into @ids
select id
from watch_excel
-- SELECT 1
select
isnull([id], '') [id],
isnull([a], '') [a],
isnull([b], '') [b],
isnull([c], '') [c],
isnull([d], '') [d],
isnull([e], '') [e],
isnull([f], '') [f],
isnull([g], '') [g],
isnull([h], '') [h],
'{"instant": true}' editable_a, '{"instant": true}' editable_b, '{"instant": true}' editable_c, '{"instant": true}' editable_d,
'{"instant": true}' editable_e, '{"instant": true}' editable_f, '{"instant": true}' editable_g, '{"instant": true}' editable_h
from watch_excel
where id in (select id from @ids)
order by id
OFFSET @PageSize * (@Page - 1) ROWS
FETCH NEXT @PageSize ROWS ONLY;
-- SELECT 2
select count(*) from @ids
-- SELECT 3
select 1 HideTitleCount, 1 Compact,
'h3' HeaderTag,
'Перемещайтесь между ячейками с помощью стрелок клавиатуры с зажатым Ctrl' subtitle
END
Другие модули
Как редактировать поля прямо в таблице на сайте
Как добавить фильтры данных таблицы в личном кабинете
Вывод таблицы на сайте в личном кабинете
Создание нового элемента в таблице на сайте
Как добавить существующий элемент в таблицу через поле поиска
Как создать вложенные таблицы на сайте
Стилизация полей таблицы. Как улучшить дизайн таблиц на сайте
Последние обновления
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
Форма 13.08.2024
Таблица 03.06.2024
Таблица 23.09.2023
15.09.2023
Визуализация 02.08.2023
Визуализация 02.08.2023
Визуализация 01.08.2023
Таблица 18.03.2023
Форма 19.12.2022
Таблица 06.12.2022
Форма 01.12.2022
Форма 21.11.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства