Content Comparison

Закрепить шапку

Фиксирует заголовки столбцов (верхние строки таблицы, выделенные синим цветом) – при прокрутке таблицы заголовки не скрываются.

Если данный пункт не выбран, то заголовки столбцов будут скрываться при ее прокрутке вниз.

Зафиксировать ширину шапки

Фиксирует стандартный размер столбца.

Переносить текст

Текст будет отображаться полностью, и при необходимости, будет переноситься внутри ячейки на следующую строку.

Доступно при выбранном пункте

Зафиксировать ширину шапки

.

Если данный пункт не выбран, данные, которые превышают ширину столбца, будут скрываться многоточием.

Использовать стиль

Позволяет изменить стиль или цвет элементов, отображаемых на экземплярах формы, с помощью CSS. Для изменения стиля элемента, необходимо выполнит следующие шаги:

1. Откройте консоль, нажав F12.

2. Перейдите на вкладку Elements.

3. Выберите требуемый элемент, используя инструмент Курсор – вы получите список свойств элемента:

   Image Added

4. На вкладке Настройки отображения поставьте галочку напротив Использовать стиль и укажите требуемые параметры для выбранного свойства элемента в формате CSS. Например:
   .instance-view-name { color: maroon; }
   

   Image Added

   
   После сохранения изменений, цвет заголовка формы изменится на бардовый:

   Image Added

Подобным образом можно расположить значения таблицы по центру ячейки, сделать жирными название столбцов, изменить цвет и шрифт текста и т.д. Например, можно задать следующие параметры:

.handsontable .cBlue.htDimmed {color: Black; } – шрифт черного цвета.

.handsontable .cBlue {background-color: #ADD8E6; font-weight: bold;} – цвет шапки таблицы – темно-синий, шрифт жирный.

.instance-view-name {color: teal;} – цвет названия таблицы – бирюзовый.

.handsontable .htMiddle {text-align: center !important;} – текст ячеек данных располагается посередине.

.handsontable .cBlue.htDimmed {text-align: center !important;} – текст ячеек  шапки располагается посередине:

#form-instance-state-models {color: #E06469;} – цвет описания статуса формы – розовый.

Image Added