TableStyle
このコンポーネントは破壊的変更が行われる可能性があります |
<TableStyle>
は <Table>
の子要素で、指定した行・列のセルの罫線や背景の設定を変更する要素です。
-
XML
<Table items="${items}" rowHeight="5" minRows="5" borderThickness="0.1">
<TableStyle col="0" row="0" borderThickness="1" />
<TableColumn width="auto">
<TableColumnHeader>
<Text>column0 header</Text>
</TableColumnHeader>
<TableColumnTemplate>
<Text>${column0}</Text>
</TableColumnTemplate>
<TableColumnFooter>
<Text>column0 footer</Text>
</TableColumnFooter>
</TableColumn>
<TableColumn width="auto">
<TableColumnHeader>
<Text>column1 header</Text>
</TableColumnHeader>
<TableColumnTemplate>
<Text>${column1}</Text>
</TableColumnTemplate>
<TableColumnFooter>
<Text>column1 footer</Text>
</TableColumnFooter>
</TableColumn>
</Table>
-
バインディングデータ
{
"items":[
{
"column0":"col0 row0",
"column1":"col1 row0"
},
{
"column0":"col0 row1",
"column1":"col1 row1"
}
]
}
![描画結果](../../_images/element/TableStyle.png)
プロパティ
col
このスタイルを適用する列番号を設定します。
このプロパティは以下のいずれかの形式で指定します。
規定値は all
です。
整数
-
与えられた位置の列に対して適用します。負の値を指定すると末尾からの位置を指定します。
n:m
(n,mは整数)-
n列からm列までに対して適用します。負の値を指定すると末尾からの位置を指定します。
all
-
すべての列に対して適用します。
row
このスタイルを適用する行番号を設定します。
このプロパティは以下のいずれかの形式で指定します。
規定値は all
です。
整数
-
与えられた位置の行に対して適用します。負の値を指定すると末尾からの位置を指定します。
n:m
(n,mは整数)-
n行からm行までに対して適用します。負の値を指定すると末尾からの位置を指定します。
all
-
すべての行に対して適用します。
rowScope
このスタイルを適用する行の範囲を設定します。このプロパティは row
と同時に使用します。
このプロパティは以下のいずれかの形式で指定します。
規定値は all
です。
all
-
すべての行を対象とします。
body
-
ヘッダーおよびフッターを除外した行を対象とします。
borderThickness
罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
outerBorderThickness
外枠の罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
このプロパティは、1個から4個の値を使って指定することができます。
2個以上の値を指定する場合、 a b c d
のようにスペース区切り形式で記述します。
- 1個の値を指定
-
上下左右の全辺 に同じ値を設定します。
- 2個の値を指定
-
1つ目の値を 上下、2つ目の値を 左右 に設定します。
- 3個の値を指定
-
1つ目の値を 上、2つ目の値を 左右、3つ目の値を 下 に設定します。
- 4個の値を指定
-
1つ目の値を 上、2つ目の値を 右、3つ目の値を 下、4つ目の値を 左 に設定します。
outerBorderTopThickness
外枠上側の罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
outerBorderBottomThickness
外枠下側の罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
outerBorderLeftThickness
外枠左側の罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
outerBorderRightThickness
外枠右側の罫線の太さを設定します。
このプロパティに設定できる値は BorderThickness または unspecified
です。
規定値は unspecified
です。
outerBorderColor
外枠の罫線の色を設定します。
このプロパティに設定できる値は Color または unspecified
です。
規定値は unspecified
です。
このプロパティは、1個から4個の値を使って指定することができます。
2個以上の値を指定する場合、 a b c d
のようにスペース区切り形式で記述します。
- 1個の値を指定
-
上下左右の全辺 に同じ値を設定します。
- 2個の値を指定
-
1つ目の値を 上下、2つ目の値を 左右 に設定します。
- 3個の値を指定
-
1つ目の値を 上、2つ目の値を 左右、3つ目の値を 下 に設定します。
- 4個の値を指定
-
1つ目の値を 上、2つ目の値を 右、3つ目の値を 下、4つ目の値を 左 に設定します。
outerBorderBottomColor
外枠下側の罫線の色を設定します。
このプロパティに設定できる値は Color または unspecified
です。
規定値は unspecified
です。
outerBorderLeftColor
外枠左側の罫線の色を設定します。
このプロパティに設定できる値は Color または unspecified
です。
規定値は unspecified
です。
outerBorderRightColor
外枠右側の罫線の色を設定します。
このプロパティに設定できる値は Color または unspecified
です。
規定値は unspecified
です。
outerBorderStyle
外枠の罫線の種類を設定します。
このプロパティに設定できる値は BorderStyle または unspecified
です。
規定値は unspecified
です。
このプロパティは、1個から4個の値を使って指定することができます。
2個以上の値を指定する場合、 a b c d
のようにスペース区切り形式で記述します。
- 1個の値を指定
-
上下左右の全辺 に同じ値を設定します。
- 2個の値を指定
-
1つ目の値を 上下、2つ目の値を 左右 に設定します。
- 3個の値を指定
-
1つ目の値を 上、2つ目の値を 左右、3つ目の値を 下 に設定します。
- 4個の値を指定
-
1つ目の値を 上、2つ目の値を 右、3つ目の値を 下、4つ目の値を 左 に設定します。
outerBorderTopStyle
外枠上側の罫線の種類を設定します。
このプロパティに設定できる値は BorderStyle または unspecified
です。
規定値は unspecified
です。
outerBorderBottomStyle
外枠下側の罫線の種類を設定します。
このプロパティに設定できる値は BorderStyle または unspecified
です。
規定値は unspecified
です。
outerBorderLeftStyle
外枠左側の罫線の種類を設定します。
このプロパティに設定できる値は BorderStyle または unspecified
です。
規定値は unspecified
です。
outerBorderRightStyle
外枠右側の罫線の種類を設定します。
このプロパティに設定できる値は BorderStyle または unspecified
です。
規定値は unspecified
です。