XSL-FO Form
XSL-FO usando <fo: table-and-caption> elemento para definir formulário.
mesa de XSL-FO (Quadros)
modelo de mesa XSL-FO com o modelo de tabela HTML não é completamente diferente.
Há nove objetos XSL-FO utilizados para criar a tabela:
- fo: table-e-caption
- fo: table
- fo: table-caption
- fo: table-coluna
- fo: table-header
- fo: table-footer
- fo: table-corpo
- fo: table-row
- fo: table-cell
XSL-FO usando<fo: table-e-caption > elemento para definir formulário.Ele contém um<fo: table> e um <fo: caption>opcional elemento.
<Fo: table> elemento contém um opcional<fo: table-column> elemento, um opcional <fo: table-header>elemento, um<fo: table-body>elemento, um opcional<fo: table -footer>elemento. Cada um desses elementos pode ter um ou mais<fo: table-row> elementos, <fo: table-row>também terá um ou mais<fo: table-cell>elemento:
<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>
<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>
A saída do código de cima é o seguinte:
| carro | preço |
|---|---|
| Volvo | $ 50.000 |
| SAAB | $ 48.000 |