Демо

Как изменить размер ячеек таблицы при наведении курсора

Name: Как изменить размер ячеек таблицы при наведении курсора
Availability: InStock
Author: Falcon Space

Описание, как реализовать

В этом примере было реализовано автоматическое увеличение содержимого ячейки при наведении мышкой.

Для этого мы:

создали таблицу с полями
в GetItem в SELECT3 для нее задали параметры:
- ZoomCells - включение увеличения
- FontSize - мелкий шрифт, чтобы увеличение было более заметным

CREATE PROCEDURE [dbo].[crud_watch_zoom_getItems]
	@filters CRUDFilterParameter READONLY,  
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	-- SELECT 1
	select id, name, value
	from tst_numfield
	order by id
	
	-- SELECT 2
	select count(*) from tst_numfield
    
    -- SELECT 3
    select ' ' title, 1 HideTitleCount, 1 ZoomCells, '10px' FontSize 
END

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

— Появление элементов вразнобой на странице - анимация показа блоков
— Анимированный градиентный фон

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

— Перенос компонентов между БД
— Анимация элементов. Как работать с анимацией
— Как показать элемент увеличенным при наведении (например ячейка таблицы)
— Импорт и парсинг файла CSV
— Руководство по юзабилити сайтов на Falcon Space
— Кастом разметка верхней панели (TopMakeup)

В чем выгода для бизнеса?

Увеличение ячеек при наведении помогает лучше рассмотреть содержимое, особенно в таблицах с большим объёмом текста. Это улучшает читаемость и снижает утомляемость глаз. Вы повышаете комфорт работы с данными.