XSL-FO 테이블

XSL-FO는 <fo:table-and-caption> 요소를 사용하여 테이블을 정의합니다.

XSL-FO 테이블

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">차량</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block font-weight="bold">가격</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>

이 코드의 출력은 다음과 같습니다: