Платформа 3V/Формы/Компоненты/Основные/Таблица с данными: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 30: Строка 30:
 
! Наименование настройки в интерфейсе !! Наименование свойства !! Тип !! Описание  
 
! Наименование настройки в интерфейсе !! Наименование свойства !! Тип !! Описание  
 
|-
 
|-
| Высота || Height || строковый || css-высота компонента, если useHeightCrop = true, то будет работать как maxHeight
+
| Высота || Height || строковый || css-высота компонента, если задан maxHeight, то игнорируется
 
|-
 
|-
| Максимальная высота || maxHeight || строковый || максимальная css-высота компонента
+
| Максимальная высота || maxHeight || строковый || максимальная css-высота компонента, если да, то когда в таблице данных меньше чем maxHeight или height, то высота постраивается под данные
|-
 
| Уменьшать высоту если мало данных || useHeightCrop || логический || если да, то когда в таблице данных меньше чем maxHeight или height, то высота постраивается под данные
 
 
|-
 
|-
 
| Максимальная ширина || maxWidth || строковый || максимальная css-ширина компонента  
 
| Максимальная ширина || maxWidth || строковый || максимальная css-ширина компонента  

Версия 11:46, 28 июля 2021

Компонент, предназначенный для вывода объекта «Отчет» в виде табличного представления данных.

Пример визуального отображения компонента:

Таблица с данными.jpg





















Свойства и настройки компонента:

Наименование настройки в интерфейсе Наименование свойства Тип Описание
Высота Height строковый css-высота компонента, если задан maxHeight, то игнорируется
Максимальная высота maxHeight строковый максимальная css-высота компонента, если да, то когда в таблице данных меньше чем maxHeight или height, то высота постраивается под данные
Максимальная ширина maxWidth строковый максимальная css-ширина компонента
Столбцы для блокировки blockChangeColumns числовой (коллекция) блокирует указанные столбцы для изменения, указывается индекс столбца, индексация начинается с 0
CSS классы для компонента className строковый CSS классы для компонента
Сохранение позиции фокуса saveFocus логический сохранение позиции фокуса в таблице
Блокировать форму при построении таблицы doDisableFormDuringLoading логический блокировать форму при построении таблицы

Пример. Описание таблицы в JSON формы

 1 {
 2      "type": "bs-pivot",
 3      "dataSourceId": 125,
 4      "templateOptions": {
 5      "blockChangeColumns": [
 6        0
 7      ],
 8      "maxHeight": "900px",
 9      "saveFocus": "true",
10      "doDisableFormDuringLoading": false
11     }
12 }