Книга: 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, который показан на рис. 11.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>


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

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

Оглавление книги


Генерация: 0.040. Запросов К БД/Cache: 0 / 0
поделиться
Вверх Вниз