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"
    }
  ]
}
描画結果

プロパティ

col

このスタイルを適用する列番号を設定します。

このプロパティは以下のいずれかの形式で指定します。 規定値は all です。

整数

与えられた位置の列に対して適用します。負の値を指定すると末尾からの位置を指定します。

n:m (n,mは整数)

n列からm列までに対して適用します。負の値を指定すると末尾からの位置を指定します。

all

すべての列に対して適用します。

row

このスタイルを適用する行番号を設定します。

このプロパティは以下のいずれかの形式で指定します。 規定値は all です。

整数

与えられた位置の行に対して適用します。負の値を指定すると末尾からの位置を指定します。

n:m (n,mは整数)

n行からm行までに対して適用します。負の値を指定すると末尾からの位置を指定します。

all

すべての行に対して適用します。

rowScope

このスタイルを適用する行の範囲を設定します。このプロパティは row と同時に使用します。

このプロパティは以下のいずれかの形式で指定します。 規定値は all です。

all

すべての行を対象とします。

body

ヘッダーおよびフッターを除外した行を対象とします。

backgroundColor

背景色を設定します。

このプロパティには Color または unspecified を設定します。 規定値は unspecified です。

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 です。

borderColor

罫線の色を設定します。

このプロパティに設定できる値は Color または 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つ目の値を に設定します。

outerBorderTopColor

外枠上側の罫線の色を設定します。

このプロパティに設定できる値は Color または unspecified です。 規定値は unspecified です。

outerBorderBottomColor

外枠下側の罫線の色を設定します。

このプロパティに設定できる値は Color または unspecified です。 規定値は unspecified です。

outerBorderLeftColor

外枠左側の罫線の色を設定します。

このプロパティに設定できる値は Color または unspecified です。 規定値は unspecified です。

outerBorderRightColor

外枠右側の罫線の色を設定します。

このプロパティに設定できる値は Color または unspecified です。 規定値は unspecified です。

borderStyle

罫線の種類を設定します。

このプロパティに設定できる値は BorderStyle または 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 です。

foreach

この要素を繰り返し描画します。

このプロパティには Array を指定します。

関連情報