Вкладка "Настройка отображения"

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

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

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

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

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

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

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

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

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

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

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

   Open

   

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

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

    

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

.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;} – цвет описания статуса формы – розовый.