Перейти к содержанию

Table#

Table - элемент управления, представляющий собой таблицу для отображения данных.

Внешний вид Table

Свойства#

bind#

тип значение по умолчанию допустимые значения
string -

Свойство, к которому биндится контрол

dataSource#

тип знач. по умолч. допустимые значения
string -

Источник данных грида. Свойство недоступно в шаблоне формы

denyRoles#

Отнаследовано от Control

editorWidth#

Ширина контрола в колонках (для Bootstrap-верстки).

Отнаследовано от Control. Значение по умолчанию 3.

height#

тип значение по умолчанию допустимые значения
string 400px

Высота контрола. Можно задавать в пикселях (px), либо авто высоту (значение 'auto').

hideBorders#

тип значение по умолчанию допустимые значения
bool false true/false

Позволяет скрыть/отобразить границы

hideColumnsHeader#

тип значение по умолчанию допустимые значения
bool false true/false

Позволяет скрыть/отобразить заголовки колонок. Значение по умолчанию false

id#

отнаследовано от Control

readRoles#

отнаследовано от Control

rowsHeight#

тип значение по умолчанию допустимые значения
string берется из темы.

Высота строк. Можно задавать в пикселях (px), либо авто высоту (значение 'auto').

width#

отнаследовано от Control. Можно задавать в пикселях (px), либо в процентах (%).

wordWrapEnabled#

тип значение по умолчанию допустимые значения
bool false true/false

Позволяет включить/выключить перенос слов

writeRoles#

отнаследовано от Control

События#

CellClicked#

Срабатывает при клике по ячейке.

Входные параметры обработчика:

параметр тип описание
s Table ссылка на экземпляр грида
e object объект с параметрами:
e.args object аргументы события
e.args.dataField dataField dataField колонки
e.args.rowData данные строки

Callbacks#

cellPainter#

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

параметр тип описание
s Table ссылка на экземпляр грида
e object объект, содержащий информацию о текущей ячейке
e.args object аргументы события
e.args.dataField dataField имя колонки
e.args.rowIndex number номер видимой строки
e.args.cellValue значение в ячейке
e.args.rowData значение в строке

Функция должна вернуть объект со свойствами:

  • backgroundColor - цвет фона
  • fontColor - цвет текста
  • fontStyle - задает начертание шрифта (значение задается как у css-свойства font-style)
  • fontWeight - задает насыщенность шрифта (значение задается как у css-свойства font-weight)

Значение цвета задается как значение css-свойства background-color ('#000000', 'rgb(0,0,0)' и т.д.).

Пример

Закрасим ячейку ReleaseType в жёлтый цвет (нашей палитры).

1
2
3
4
5
grid_cellPainter(s, { rowData, dataField }) {
    if (dataField === 'ReleaseType') return { backgroundColor: '#ffff8c' };

    return undefined;
}

TableColumn#