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

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

Для этого в 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

Другие модули

Рабочий стол в личном кабинете на сайте. Что видит пользователь в личном кабинете

Дашборд пользователя с фильтром по времени. Создание панели управления на сайте

Визуализация данных на сайте в виде графа в личном кабинете пользователя

Вывод полосок прогресса - отображение статуса процесса в личном кабинете

Вывод круговой диаграммы polarArea

Как отобразить гистограмму bar на странице

Графики в личном кабинете. Вывод графика типа line

Диаграмма радар на сайте - radar bar

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

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

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

Платформа Falcon Space

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

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

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

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

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

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