17–1–1 表の左右位置揃え

fo:table-and-captionのtext-alignプロパティは表全体の左右位置揃えを指定する。表本体とキャプションは一緒に位置が移動する。キャプションのみを位置揃えしたいときは、ブロックレベルのFOで位置揃えする。次は表とキャプションの配置の例である。最初の表はfo:table-and-captionに位置揃えの指定をしていないが、二つ目の表はfo:table-and-captionにcaption-side="after"とtext-align="center"を指定している。

<fo:table-and-caption border="0.2pt solid #CCCCCC" 
                      space-after="0.5em">
  <fo:table-caption>
    <fo:block>表の見出し</fo:block>
  </fo:table-caption>
  <fo:table width="10cm" table-layout="fixed">
    <fo:table-body>
      <fo:table-row>
	    <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block>Cell 1</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block>Cell 2</fo:block>
        </fo:table-cell>
      </fo:table-row>
    </fo:table-body>
  </fo:table>
</fo:table-and-caption>		
<fo:table-and-caption  caption-side="after"  
                       text-align="center" 
                       border="0.2pt solid #CCCCCC"  
                       space-after="0.5em">
  <fo:table-caption>
    <fo:block>表の見出し</fo:block>
  </fo:table-caption>
  <fo:table width="10cm" table-layout="fixed">					
    <fo:table-body>
      <fo:table-row>
        <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block>Cell 1</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block>Cell 2</fo:block>
        </fo:table-cell>
      </fo:table-row>
    </fo:table-body>
  </fo:table>
</fo:table-and-caption>

組版結果は図17･2 表とキャプションの配置のようになり、最初の表は左寄せ、二つ目の表は中央揃えになる。fo:table-and-captionのtext-align="center"は表全体の配置のみでなく、表のセルの中のテキストの配置まで継承する。

17–2–1 表の自動レイアウトと固定レイアウト

fo:tableのプロパティtable-layoutプロパティはXSL-FOプロセサが幅をどのように処理するかを指定する。

表の自動レイアウトはXSL-FOプロセサが表のセルの内容から自動的に列幅を計算して設定する。自動レイアウトのアルゴリズムはXSL-FOプロセサに依存する。表の自動レイアウトは一般的に組版処理の時間がかかる。

表の固定レイアウトではすべてのカラムについて、後述のfo:table-columnでカラム幅（列幅）を指定しなければならない(XSL-FO仕様書ではCSS2.1の表の固定レイアウトを参照している。CSS2.1では、column要素があればそれを優先し、次に表の1行目のfo:table-cellの幅が指定されていればそれをカラム幅とする。それ以外のカラムの幅は均等配分する。)。

17–3–1 カラム位置と幅の指定

プロパティcolumn-numberでカラムの順番、プロパティcolumn-widthでカラム幅を指定する。

<fo:table-column column-number="1" 
                 column-width="20pt" />
<fo:table-column column-number="2" 
                 column-width="24pt" />
<fo:table-column column-number="3" 
                 column-width="6em" />
<fo:table-column column-number="4" 
                 column-width="proportional-column-width(4)" />
<fo:table-column column-number="5" 
                 column-width="proportional-column-width(2)" />

上の例のカラム幅は次のようになる。4番目と5番目の列の幅は２：１となる。

17–3–2 カラムの繰り返しと跨り

プロパティnumber-columns-repeatedはカラムの繰り返し回数を指定する。プロパティnumber-columns-repeatedの次のcolumn-numberは、前のcolumn-numberとnumber-columns-repeatedの合計に1を加えた数とする。

number-columns-spannedはカラムのスパン（カラムを跨る数）を指定する。fo:table-columnとfo:table-cellに指定できる。

17–4–1 表のライティングモード

fo:tableにwriting-modeを指定すると表の行と列の進行方向が変わる。さらに子孫のFOに継承するので表のセル中のライティングモードも変わる。次の例では fo:tableにwriting-mode="tb-rl"を指定している。

<fo:table-and-caption padding="0.5em" 
                      caption-side="after"  
                      border="0.2pt solid #CCCCCC"  
                      text-align="center" >
  <fo:table-caption>
    <fo:block> writing-mode="tb-rl" table-layout="fixed" inline-progression-dimension="4cm" for fo:table</fo:block>
  </fo:table-caption>
  <fo:table writing-mode="tb-rl" 
            inline-progression-dimension="4cm" 
            table-layout="fixed">
    <fo:table-column column-number="1" 
                     column-width="30%"/>
    <fo:table-column column-number="2" 
                     column-width="70%"/>
    <fo:table-header>
      <fo:table-row background-color="#CCCCCC">
        <fo:table-cell border="0.3pt solid black">
          <fo:block>ヘッダー１</fo:block>
        </fo:table-cell>	
        <fo:table-cell border="0.3pt solid black">
          <fo:block>ヘッダー２</fo:block>
        </fo:table-cell>
      </fo:table-row>
    </fo:table-header>					
    <fo:table-body>
      <fo:table-row>
        <fo:table-cell border="0.3pt solid black">
          <fo:block>ボディ１</fo:block>
        </fo:table-cell>
        <fo:table-cell border="0.3pt solid black">
          <fo:block>ボディ２</fo:block>
        </fo:table-cell>
      </fo:table-row>
    </fo:table-body>
  </fo:table>
</fo:table-and-caption>	

17–7–1 表のセルの跨り

プロパティnumber-columns-spanned（表17･6 number-columns-spannedプロパティ参照）は表のセルのプロパティとして指定すると、そのセルがカラムを跨る数を指定できる。また、プロパティnumber-rows-spannedはそのセルが行を跨る数を指定できる。

17–7–2 表のセルから行を構成

fo:table-rowがなく、fo:table-cellを子供としてもつ場合は、表の行の開始セルにstarts-row="true"プロパティstarts-row]]、表の行の終わりのセルにends-row="true"プロパティends-row]]を指定して、行毎にグループ化する。

17–7–3 ブロック方向位置合わせの設定例

表のセルにはブロック方向位置合わせ（display-align）を設定できる。

<fo:table width="12cm" 
          table-layout="fixed">
  <fo:table-column column-number="1" 
                   column-width="25%">
  </fo:table-column>
  <fo:table-column column-number="2" 
                   column-width="40%">
  </fo:table-column>
  <fo:table-column column-number="3" 
                   column-width="72pt">
  </fo:table-column>
  <fo:table-body>
    <fo:table-row height="60pt">
      <fo:table-cell column-number="1" 
                     display-align="before" 
                     border-style="solid" 
                     border-width="thin">
        <fo:block>Cell 1</fo:block>
      </fo:table-cell>
      <fo:table-cell column-number="2"
                     display-align="center" 
                     text-align="center" 
                     border-style="solid" 
                     border-width="thin">
      <fo:block>Cell 2</fo:block>
      </fo:table-cell>
      <fo:table-cell column-number="3" 
                     display-align="after" 
                     text-align="end" 
                     border-style="solid" 
                     border-width="thin">
      <fo:block>Cell 3</fo:block>
      </fo:table-cell>
    </fo:table-row>
  </fo:table-body>
</fo:table>

組版結果を図17･7 表のセル（display-align）に示す。cell1の幅は表の幅（12cm）の25％で3cmとなる。

17–7–4 相対方向位置合わせ

プロパティrelative-alignプロパティによって、セル内のFOを相対的に位置合わせできる。relative-alignはdisplay-align（auto以外）が指定されていると無視される。

17–8–1 隣合う罫線を一本にするか

表はfo:tableのborder-collapseによって表の中で隣合わせのカラム（列）・行・セルの罫線を一本に統合するか別にするかを指定する。

border-collapse="separate"のとき、border-separationプロパティにより、間隔を指定する。

次の例は、表の罫線を分離し、隣合う罫線の間隔を3ptに設定している。なお、2行目のセルにはパディングを指定してセル内でのテキストの配置を変更している。

<fo:table-and-caption border-style="solid">
  <fo:table table-layout="fixed" 
            width="100%" 
            border-collapse="separate"
            border-separation.block-progression-direction="3pt" 
            border-separation.inline-progression-direction="3pt">
    <fo:table-body>
      <fo:table-row border-style="dotted" 
                    border-width="thin">
        <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block>1</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="dotted" 
                       border-width="thin">
          <fo:block>2</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="dashed" 
                       border-width="thin">
            <fo:block>3</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="inset" 
                       border-width="thin">
          <fo:block>4</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="outset" 
                       border-width="thin">
          <fo:block>5</fo:block>
        </fo:table-cell>
      </fo:table-row>
      <fo:table-row >
        <fo:table-cell border-style="solid" 
                       border-width="thin" 
                       padding="5pt">
          <fo:block background-color="#EEEEEE">2-1</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin" 
                       padding="5mm">
          <fo:block background-color="#EEEEEE">2-2</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin" 
                       padding="3em">
          <fo:block background-color="#EEEEEE">2-3</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin" 
                       padding="1cm">
          <fo:block background-color="#EEEEEE">2-4</fo:block>
        </fo:table-cell>
        <fo:table-cell border-style="solid" 
                       border-width="thin">
          <fo:block background-color="#EEEEEE">2-5</fo:block>
        </fo:table-cell>
      </fo:table-row>
    </fo:table-body>
  </fo:table>
</fo:table-and-caption>

組版結果を図17･8 表の罫線の例に示す。

17–8–2 罫線の優先度

border-before-precedence、border-after-precedence、border-start-precedence、border-end-precedenceは、表のFO（fo:table-and-captionとfo:table-captionの二つを除く）の各辺に、罫線の優先度を設定する。border-collapse="collapse-with-precedence"のとき、隣合う罫線のうち優先度の高い方を採用する。

17–8–3 空のセル周囲の罫線

empty-cellsプロパティは、fo:table-cellに指定し、空のセルの周囲の罫線を表示するかしないかを指定する。

17–10–1 表マーカー取り出し

表マーカー取り出しは、あらかじめ用意したマーカーの内容を組版時に取り出し、取り出したマーカーの内容（子供）と置き換わる。表マーカー取り出しは、fo:table-header、fo:table-footerの子孫として、あるいはfo:tableの子供としてfo:table-header、fo:table-footerが許される位置に置くことができる。表マーカー取り出しは、取り出したマーカーの子供に入れ替わって組版されるので、マーカーの内容がその位置で構造上に妥当になるように用意しておく必要がある。

retrieve-class-nameプロパティで取り出したいマーカーの種類を限定する。また、retrieve-boundary-within-tableで範囲エリア集合の作り方を指定する。

一つのfo:table（表）を組版した結果として２段組で２ページに跨る表を例にとって、範囲エリア集合の作り方について説明する。表を組版した結果として表が分割されたとき、分割された部分をtable-fragment（表の部分）という。範囲エリア集合の作り方は、table（表全体）、表の部分、page（ページ）の三通りである。表マーカー取り出しを行う場所は分割時に作られるヘッダーまたはフッターである。図ではH1/F1～H4/F4で示す。H1/F1～H4/F4に配置される表マーカー取り出しが、取り出しの主体となり、取り出された結果、そこにマーカーの内容によるエリアが作られる。

範囲エリア集合の中で、表マーカー取り出しで取り出したマーカーの内容が生成するエリアを含むものを、主範囲エリアという。

ヘッダーH1～H4、フッターF1～F4の位置で、範囲エリア集合の作り方によって、主範囲エリアと先行する範囲エリアの集合は表のようになる。

H1/F1～H4/F4の位置の表マーカー取り出しは、マーカーの種類と範囲エリア集合の作り方の二つのプロパティでマーカーを限定し、その中からretrieve-position-within-tableプロパティで優先されるエリアを選択して、そこについているマーカーの内容を取り出す。

17–10–2 取り出すエリアの優先順位

retrieve-position-within-tableはマーカーの内容を取り出す対象として、優先するエリアを設定する。

17–10–3 取り出すエリア範囲の集合

retrieve-boundary-within-tableプロパティでマーカーの内容を取り出す対象エリア範囲の集合を設定する。