TablePanel¶
Контейнер в виде таблицы.
Description¶
Таблица - контейнер визуальных
элементов, который делит свою рабочую область на строки и
столбцы, на пересечении которых располагаются ячейки.
Визуально сетка никак не отображается, однако задает правила
расположения дочерних элементов. Количество столбцов всегда фиксировано
и равно 12
, количество строк - неограничено. Ячейки располагаются
внутри строки, слева направо, строки следуют сверху вниз. Для каждой
ячейки можно задать размер - целое число
от 1
до 12
включительно, определяющее то, сколько колонок по
горизонтали будет занимать ячейка. Высота ячейки определяется высотой
самого высокого элемента, высота строки определяется высотой самой
высокой ячейки данной строки.
Syntax¶
new TablePanel(parent)
Methods¶
Нет
Events¶
Нет
TablePanel.metadata¶
Метаданные типа TablePanel.
Properties¶
Нет
Examples¶
//infinni-ui-demo
{
"Items": [
//infinni-ui-display-begin
{
"TablePanel": {
"Items": [
{
"Row": {
"Items": [
{
"Cell": {
"ColumnSpan": 5,
"Items": [
{
"Label": {
"Value": "Row 1, 5 columns"
}
}
]
}
},
{
"Cell": {
"ColumnSpan": 3,
"Items": [
{
"Label": {
"Value": "Row 1, 3 columns"
}
}
]
}
}
]
}
},
{
"Row": {
"Items": [
{
"Cell": {
"ColumnSpan": 2,
"Items": [
{
"Label": {
"Value": "Row 2, 2 columns"
}
}
]
}
},
{
"Cell": {
"ColumnSpan": 6,
"Items": [
{
"Label": {
"Value": "Row 2, 6 columns"
}
}
]
}
},
{
"Cell": {
"ColumnSpan": 4,
"Items": [
{
"Label": {
"Value": "Row 2, 4 columns"
}
}
]
}
}
]
}
}
]
}
}
//infinni-ui-display-end
]
}