Latest web development tutorials

XSL-FO 表格

XSL-FO 使用<fo:table-and-caption> 元素來定義表格。


XSL-FO 表格(Tables)

XSL-FO 表格模型與HTML 表格模型不是完全不同的。

有九種XSL-FO 對象可用來創建表格:

  • fo:table-and-caption
  • fo:table
  • fo:table-caption
  • fo:table-column
  • fo:table-header
  • fo:table-footer
  • fo:table-body
  • fo:table-row
  • fo:table-cell

XSL-FO使用<fo:table-and-caption>元素來定義表格。 它包含一個<fo:table >以及一個可選的<fo:caption>元素。

<fo:table>元素包含可選的<fo:table-column>元素,一個可選的<fo:table-header>元素,一個<fo:table-body>元素,一個可選的<fo:table -footer>元素。 這些元素中的每一個都可能擁有一個或多個<fo:table-row>元素,而<fo:table-row>同時會帶有一個或多個<fo:table-cell>元素:

<fo:table-and-caption>
<fo:table>
<fo:table-column column-width="25mm"/>
<fo:table-column column-width="25mm"/>

<fo:table-header>
<fo:table-row>
<fo:table-cell>
<fo:block font-weight="bold">Car</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block font-weight="bold">Price</fo:block>
</fo:table-cell>
</fo:table-row>
</fo:table-header>

<fo:table-body>
<fo:table-row>
<fo:table-cell>
<fo:block>Volvo</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block>$50000</fo:block>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell>
<fo:block>SAAB</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block>$48000</fo:block>
</fo:table-cell>
</fo:table-row>
</fo:table-body>

</fo:table>
</fo:table-and-caption>

以上代碼的輸出如下所示:

Car Price
Volvo $50000
SAAB $48000