=> Главная База Знаний Xslt Создание таблиц


Создание таблиц

Создание таблиц

Таблица — одна из самых полезных структур, которые можно форматировать при помощи XSL-FO. Таблица в XSL-FO во многом похожа на таблицу в HTML: это прямоугольная сетка, состоящая из строк и столбцов ячеек. Для создания таблиц можно применять девять форматирующих элементов.

<fo:table-and-caption>
;

<fo:table>
;

<fo:table-column>
;

<fo:table-caption>
;

<fo:table-header>
;

<fo:table-footer>
;

<fo:table-body>
;

<fo:table-row>
;

<fo:table-cell>
.

Создание таблиц в XSL-FO аналогично их созданию в HTML. Вы создаете элемент

<fo:table>
, содержащий всю таблицу целиком, затем форматируете каждый столбец при помощи элемента
<fo:table-column>
. После чего вы создаете элемент
<fo:table-body>
, чтобы задать тело таблицы. Элемент
<fo:table-body>
содержит все элементы
<fo:table-row>
, каждый из которых создает строку таблицы. Каждый элемент
<fo:table-row>
содержит элементы
<fo:table-cell>
, в которых содержатся данные ячеек таблицы.

Следующий пример (листинг 11.4) демонстрирует работу с этими элементами. Приведенная таблица стилей XSLT преобразует

planets.xml
в документ XSL-FO, форматирующий данные планет в таблицу XSL-FO.

Листинг 11.4. tables.xsl

<?xml version="1.0"?>

<xsl:stylesheet

 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"

 xmlns:fo="http://www.w3.org/1999/XSL/Format"

 version="1.0">

 <xsl:template match="PLANETS">

  <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">

   <fo:layout-master-set>

    <fo:simple-page-master master-name="page"

     page-height="400mm" page-width="300mm"

     margin-top="10mm" margin-bottom="10mm"

     margin-left="20mm" margin-right="20mm">

     <fo:region-body margin-top="0mm" margin-bottom="10mm"

      margin-left="0mm" margin-right="0mm"/>

     <fo:region-after extent="10mm"/>

    </fo:simple-page-master>

   </fo:layout-master-set>

   <fo:page-sequence master-name="page">

    <fo:flow flow-name="xsl-region-body">

     <fo:table>

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

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

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

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

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

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

      <fo:table-body>

       <fo:table-row>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Name

         </fo:block>

        </fo:table-cell>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Mass

         </fo:block>

        </fo:table-cell>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Day

         </fo:block>

        </fo:table-cell>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Radius

         </fo:block>

        </fo:table-cell>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Density

         </fo:block>

        </fo:table-cell>

        <fo:table-cell border-width="0.5mm">

         <fo:block font-size="18pt" font-weight="bold">

          Distance

         </fo:block>

        </fo:table-cell>

       </fo:table-row>

       <xsl:apply-templates/>

      </fo:table-body>

     </fo:table>

    </fo:flow>

   </fo:page-sequence>

  </fo:root>

 </xsl:template>


 <xsl:template match="PLANET">

  <fo:table-row>

   <xsl:apply-templates/>

  </fo:table-row>

 </xsl:template>


 <xsl:template match="NAME">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>


 <xsl:template match="MASS">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>


 <xsl:template match="DAY">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>


 <xsl:template match="RADIUS">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>


 <xsl:template match="DENSITY">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>


 <xsl:template match="DISTANCE">

  <fo:table-cell border-width="0.5mm">

   <fo:block font-size="18pt">

    <xsl:value-of select='.'/>

   </fo:block>

  </fo:table-cell>

 </xsl:template>

</xsl:stylesheet>

Вот результат после преобразования в документ XSL-FO (листинг 11.5).

Листинг 11.5. tables.fo

<?xml version="1.0" encoding="UTF-8"?>

<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">

 <fo:layout-master-set>

  <fo:simple-page-master margin-right="20mm" margin-left="20mm"

   margin-bottom="10mm" margin-top="10mm" page-width="300mm"

   page-height="400mm" master-name="page">

   <fo:region-body margin-right="0mm" margin-left="0mm"

    margin-bottom="10mm" margin-top="0mm"/>

   <fo:region-after extent="10mm"/>

  </fo:simple-page-master>

 </fo:layout-master-set>

 <fo:page-sequence master-name="page">

  <fo:flow flow-name="xsl-region-body">

   <fo:table>

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

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

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

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

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

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

    <fo:table-body>

     <fo:table-row>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Name

       </fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Mass

       </fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Day

       </fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Radius

       </fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Density

       </fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-weight="bold" font-size="18pt">

        Distance

       </fo:block>

      </fo:table-cell>

     </fo:table-row>

     <fo:table-row>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">Mercury</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">.0553</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">58.65</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">1516</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">.983</fо:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">43.4</fо:block>

      </fo:table-cell>

     </fo:table-row>

     <fo:table-row>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">Venus</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">.815</fо:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">116.75</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">3716</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">.943</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">66.8</fо:block>

      </fo:table-cell>

     </fo:table-row>

     <fo:table-row>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">Earth</fо:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">1</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">1</fо:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">2107</fо:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">1</fo:block>

      </fo:table-cell>

      <fo:table-cell border-width="0.5mm">

       <fo:block font-size="18pt">128.4</fо:block>

      </fo:table-cell>

     </fo:table-row>

    </fo:table-body>

   </fo:table>

  </fo:flow>

 </fo:page-sequence>

</fo:root>

После обработки этого документа,

tables.fo
, процессором fop будет создан файл
tables.pdf
, который показан на 2. Вот как выглядит таблица XSL-FO, хотя существует также весьма много других параметров — например, можно задать цвет заднего фона ячеек при помощи свойства
background-color
. По умолчанию в таких таблицах отсутствуют границы, но я добавил границу толщиной в 0,5 мм при помощи свойства
border-width
. Заметьте также, что для того, чтобы установить размер шрифта для текста в каждой ячейке, я использую блок внутри каждой ячейки таблицы:

<fo:table-cell border-width="0.5mm">

 <fo:block font-size="18pt">Earth</fo:block>

</fo:table-cell>

Создание таблиц

2. Таблица, отформатированная при помощи XSL-FO, в Adobe Acrobat Reader


Давайте рассмотрим различные элементы, нужные для создания таблицы, и начнем мы с большого элемента,

<fo:table>
.