Таблицы в виде карточек

В примере показано отображение таблицы в виде карточек.

Для этого в GetItem:

select 1: Перечисляем данные карточек в определенной структуре

select 3: Выставляем тип отображения ViewType=card, и CardGroupType=columns (возможные виды отображения deck, columns, group)

CREATE PROCEDURE [dbo].[crud_watch_cards_getItems]
	@filters CRUDFilterParameter READONLY,  
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	-- SELECT 1
	SELECT TOP 8 id, -- ID элемента пропишется в карточке как data-itemID
           name header,   -- блок заголовка карточки
           city footer,  -- блок подвала карточки
           '/uploads/land/realty.jpg'  imgTop, -- вывод картинки наверху
           '/uploads/land/finance.jpg' imgBottom,  -- вывод картинки внизу
           '' imgOverlay,     -- фоновая картинка для всей карточки
           fio title,   -- заголовок
           'Возраст '+cast(age as nvarchar)+' лет'  subtitle,   -- подзаголовок 
           'text 1' text,    -- основная разметка карточки
           'primary' headerColor,  -- цвет заголовка и подвала primary, warning, success, light, secondary. danger
           '' bgColor, --фон карточки primary, warning, success, light, secondary. danger
           '' cardClass, -- дополнительные CSS классы для карточки                 
           'link1' link1,  -- текст ссылки 1
           'url1' linkUrl1, -- URL ссылки 1
           'class1' linkClass1, -- CSS класс ссылки 1
           'link2' link2, -- текст ссылки 2
           'url2' linkUrl2, -- URL ссылки 1
           'class2' linkClass2, -- CSS класс ссылки 2
           'link3' link3, --текст ссылки 3
           'url3' linkUrl3, -- URL ссылки 1
           'class3' linkClass3 -- CSS класс ссылки 3
	FROM tst_customers	
    order by id

	-- SELECT 2
	select 20

	-- SELECT 3
    select 'card' ViewType, 'columns' CardGroupType, -- deck, columns, group
    		' 'title, 1 HideTitleCount
END

Подробнее тут: https://falcon.web-automation.ru/docs/kartochki