TableFrame
<TableFrame>
は複雑なヘッダーやフッターを持った表を作成するための要素です。
-
XML
<TableFrame>
<TablePageHeader>
<Grid cols="20 20 20" rows="auto" borderThickness="0.1">
<GridCell colspan="3"><Text align="center">カスタムヘッダー</Text></GridCell>
</Grid>
</TablePageHeader>
<Table items="${items}" rowHeight="5" minRows="5" borderThickness="0.1">
<TableColumn width="20">
<TableColumnTemplate>
<Text>${column0}</Text>
</TableColumnTemplate>
</TableColumn>
<TableColumn width="20">
<TableColumnTemplate>
<Text>${column1}</Text>
</TableColumnTemplate>
</TableColumn>
<TableColumn width="20">
<TableColumnTemplate>
<Text>${column2}</Text>
</TableColumnTemplate>
</TableColumn>
</Table>
<TableFooter>
<Grid cols="20 20 20" rows="5" borderThickness="0.1">
<GridCell colspan="3"><Text align="center">カスタムフッター</Text></GridCell>
</Grid>
</TableFooter>
</TableFrame>
-
バインディングデータ
{
"items":[
{
"column0":"col0 row0",
"column1":"col1 row0"
},
{
"column0":"col0 row1",
"column1":"col1 row1"
}
]
}
![描画結果](../../_images/element/TableFrame.png)
プロパティ
breakInside
要素内での改行の制御方法を決定するプロパティです。
このプロパティは auto
または avoid
を指定します。
規定値は auto
です。
auto
-
改ページを要素内でも行う設定です
avoid
-
改ページを要素内で行うことを避ける設定です。