JSRUN 用代码说话

table 对象

编辑教程

table 对象

定义和用法

<fo:table> 对象用于格式化表格的表格式材料。

<fo:table> 对象包含了可选的 <fo:table-column> 对象、一个可选的 <fo:table-header> 对象、一个 <fo:table-body> 对象,以及一个可选的 <fo:table-footer> 对象。上述对象中的每个对象都包含一个或多个 <fo:table-row> 对象(该对象中同样包含一个或多个 <fo:table-cell> 对象)。

语法

<fo:table>
<!--
Contents:(table-column*,table-header?,
table-footer?,table-body+)
-->
</fo:table>

属性

属性 [A-J] 属性 [K-Z]
azimuth keep-together
background-attachment keep-with-next
background-color keep-with-previous
background-image left
background-repeat margin-bottom
background-position-horizontal margin-left
background-position-vertical margin-right
block-progression-dimension margin-top
border-after-color padding-after
border-after-precedence padding-before
border-after-style padding-bottom
border-after-width padding-end
border-before-color padding-left
border-before-precedence padding-right
border-before-style padding-start
border-before-width padding-top
border-bottom-color pause-after
border-bottom-style pause-before
border-bottom-width pitch
border-collapse pitch-range
border-end-color play-during
border-end-precedence relative-position
border-end-style richness
border-end-width right
border-left-color role
border-left-style source-document
border-left-width space-after
border-right-color space-before
border-right-style speak
border-right-width speak-header
border-separation speak-numeral
border-start-color speak-punctuation
border-start-precedence speech-rate
border-start-style start-indent
border-start-width stress
border-top-color table-layout
border-top-style table-omit-footer-at-break
border-top-width table-omit-header-at-break
bottom top
break-after voice-family
break-before volume
cue-after width
cue-before writing-mode
elevation
end-indent
height
id
inline-progression-dimension
intrusion-displace

实例

一个简单的表格:

<fo:table-and-caption>

<fo:table>

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

<fo:table-header>
<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-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
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟