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

В этом примере мы реализовали простой вывод таблицы, сортировку полей, а также применили некоторые дополнительные параметры (изменили заголовок таблицы и скрыли количество строк в таблице).

Для этого мы:

создали таблицу
добавили в неё необходимые колонки (id, name, countOrders, sumOrders)
в колонках для таблицы установили "Сортировку" на "Да", где это необходимо
реализовали процедуру GetItem:

CREATE PROCEDURE [dbo].[crud_watch_table_getItems]
	@filters CRUDFilterParameter READONLY,
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	declare   @ids TABLE (id int)

	-- filters...
	declare @filterName nvarchar(128)
	select @filterName = Value from @filters where [Key] = 'name'

	insert into @ids
	select id
	from tst_customers
	where (isnull(@filterName, '')='' or name like '%'+@filterName+'%')

	-- SELECT 1
	select
		id id,
		isnull(name, '') name,
		isnull(fio, '') fio,
        (select count(*) from tst_orders where customerID = c.id) countOrders,
        (select sum(price) from tst_orders where customerID = c.id) sumOrders
	from tst_customers c
	where id in (select id from @ids)
	order by
		case when @sort = ''  then id end asc,
        case when @sort = 'name' and @direction = 'up' then name end asc,
        case when @sort = 'name' and @direction = 'down' then name end desc,
        case when @sort = 'fio' and @direction = 'up' then fio end asc,
        case when @sort = 'fio' and @direction = 'down' then fio end desc
	OFFSET @PageSize * (@Page - 1) ROWS
	FETCH NEXT @PageSize ROWS ONLY;

	-- SELECT 2
	select count(*) from @ids

	-- SELECT 3
	Select  '  ' Title, 1 HideTitleCount
END

Другие демостенды

— Полный и компактный вид таблицы на сайте в личном кабинете
— Таблицы в виде карточек
— Фиксированный первый столбец таблицы при горизонтальном скроллинге широкой таблицы
— Управление столбцами таблицы - изменение порядка и видимость столбцов
— Смотр таблицы в мобильном с горизонтальным скроллингом

Что есть в базе знаний по этой теме

— Работа с таблицами
— Отображение таблиц на смартфоне
— Частые ошибки при настройке таблицы (почему не работает таблица)
— Создание страниц с компонентом таблица/форма - автогенерация SQL
— Оптимизация запроса SQL - извлечение данных для таблицы
— Настройка параметров таблицы
— Настройка сниппета таблицы

Последние обновления

Использование таблицы для выгрузки в ИИ и для загрузки данных из ИИ

Интеграции 24.11.2025

Проигрывание звука через actions

Разное 24.11.2025

Список элементов с добавлением

Форма 15.11.2025

Анимированный градиентный фон

Визуализация 02.11.2025

Фильтр select2 для таблиц с множественным выбором

Таблица 08.10.2025

Обновление разметки на форме при изменении поля формы

Форма 26.09.2025

Таблица с AI анализом данных

Таблица 23.09.2025

Вывод разметки markdown

Разное 23.08.2025

Динамическое обновление строк таблицы через Actions

Таблица 21.08.2025

Формы формы с маской ввода

Форма 20.08.2025

Фильтр выбор с поиском по базе в таблице (select-search)

Таблица 18.08.2025

Выгрузка определенных строк при экспорте в Excel

Таблица 21.06.2025

Выбор даты на форме

Форма 07.06.2025

Тип поля Градиент

Форма 29.03.2025

Сохранение поля select-search

Форма 17.02.2025

Форма генерации счета

Файлы и документы 10.01.2025

Вывод форм, таблиц в alert окне

Форма 01.11.2024

Флажок в виде картинки

Форма 23.10.2024

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Бесплатный курс по Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства