Interface IColumn

Интерфейс для описания столбцов таблицы ITable.columns.

ПРИМЕР:

var table: ITable = <ITable>{
    type: 'ITable',
    columns: [
         <IColumn>{
             header:"Колонка один"
         },
         <IColumn>{
             header:"Колонка два"
         }
    ],
}

Hierarchy

IColumn

Properties

Optional columns

columns: IColumn[]

Столбец может объединять другие столбцы, например:

var table: ITable = <ITable>{
    type: 'ITable',
    columns: [
         <IColumn>{
             header:"Столбец один"
         },
         <IColumn>{
             header:"Столбец два"
             columns:[
                 <IColumn>{
                     header:"Подстолбец один"
                 },
                 <IColumn>{
                     header:"Подстолбец два"
                 }
             ]
         }
    ],
}

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

Столбец один	Столбец два
	Подстолбец один	Подстолбец два

Optional header

header: string | IElement<IElementEvents>

Заголовок столбца. Может быть либо строкой, либо элементом формы.

Optional id

id: string

Идентификатор стобца. Доступен только в runtime.

Optional index

index: number

Индекс столбца доступен только в runtime.

Соответствует индексу ячейки в строке. Так как элементы в строке сохраняются в массиве, индекс столбца тоже начинается с 0. Если столбец объединяет другие стобцы, то индекс -1.

Optional itemsElement

itemsElement: IDataElement<IDataElementEvents>

Элемент соответствующей ячейки в строке таблицы. Здесь задается только описание элемента, одинакового для ячеек, которые отображаются в данном столбце. Для получения экземпляра элемента используйте IRow.elements

Optional justifyContent

justifyContent: JustifyContent

Выравнивание текста внутри заголовка. Если IColumn.header является элементом, то выравнивание внутри заголовка с использованием HTML стиля justify-content. Если IColumn.header является строкой, то выравнивание внутри заголовка с использованием HTML стиля text-align.

Подробное описание способов выравнивания элементов смотрите здесь.

Optional size

size: string

Ширина столбца. Если столбец вложен в другой столбец (см. IColumn.columns), тогда ширина вычисляется внутри родительского элемента. Например:

var table: ITable = <ITable>{
    type: 'ITable',
    columns: [
         <IColumn>{
             header:"Столбец один",
             width: "20%"
         },
         <IColumn>{
             header:"Столбец два"
             columns:[
                 <IColumn>{
                     header:"Подстолбец один",
                     width: "20%"
                 },
                 <IColumn>{
                     header:"Подстолбец два"
                 }
             ]
         }
    ],
}

Здесь столбцы и подстолбцы делятся в пропроции 1 к 5. Получим результат:

Столбец один	Столбец два
	Подстолбец один	Подстолбец два