XSLFO 表格

本章節(jié)將為你介紹 XSL-FO 表格。

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

XSL-FO 表格（Tables）

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

有九種 XSL-FO 對(duì)象可用來(lái)創(chuàng)建表格：

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> 元素來(lái)定義表格。它包含一個(gè) <fo:table> 以及一個(gè)可選的 <fo:caption> 元素。

<fo:table> 元素包含可選的 <fo:table-column> 元素，一個(gè)可選的 <fo:table-header> 元素，一個(gè) <fo:table-body> 元素，一個(gè)可選的 <fo:table-footer> 元素。這些元素中的每一個(gè)都可能擁有一個(gè)或多個(gè) <fo:table-row> 元素，而 <fo:table-row> 同時(shí)會(huì)帶有一個(gè)或多個(gè) <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

上一篇：XSLFO 列表下一篇：XSLFO 與 XSLT