Question

所以我有一个描述这样的表的XML文档

<Section Columns="1" Id="2" Name="DataTable">
    <DataTable Name="TestDataTable">
      <DisplayOptions Column="1" />
      <TableOptions Appendable="true" />
      <Header Name="tableHeader">
        <Label isCurrency="false">Unit</Label>
        <Label isCurrency="false">type</Label>
        <Label isCurrency="false">Min</Label>
        <Label isCurrency="false">Max</Label>
        .... more label for the header
      </Header>           
      <Row>
        <Label>A unit</Label>
        <DataField Id="312" Name="unit1" ControlType="Text">                         
          <FieldOptions Visibility="true" isCurrency="false"/> 
        </DataField>
        .... more datafield
      </Row>
      ... more rows
      <footer  name="tableFooter">
        <Label>Total # of Units:</Label>
        <Label>0</Label>
        ... more label
      </footer>

和一个XSLT样式表，它使用该XML创建一个使用HTML的表，如下所示：

<xsl:template match="Header">
<thead>
  <xsl:for-each select="Label">
    <th class="dataTableHeader">
      <xsl:variable name="currentPosition" select="position() - 1"/>
      <label>
        <xsl:value-of select="self::node()"/>
      </label>
    </th>
  </xsl:for-each>
</thead>
</xsl:template>  

<xsl:template match="footer">
<tfoot>
  <tr>
      <xsl:for-each select="Label">
    <th class="dataTableFooter">
      <xsl:variable name="currentPosition" select="position() - 1"/>
      <label name="Silly">
        <xsl:value-of select="self::node()"/>
      </label>
    </th>
  </xsl:for-each>
  </tr>    
</tfoot>
</xsl:template>

<xsl:template match="Row">
<tr class="tableRow">
  <!-- apply the template flag if it is there -->
  <xsl:if test="@Template = 'true'">
    <xsl:attribute name="data-is-template" />
  </xsl:if>
  <!-- there should only be one label in each row -->
  <xsl:if test="Label">
    <td class="dataTableRowTitle">
      <label for="{DataField[1]/@Id}">
        <xsl:value-of select="Label"/>
      </label>
    </td>
  </xsl:if>
  <!-- apply the datafield templates in table mode -->
  <xsl:apply-templates select="DataField" mode="tableInput" />
</tr>
</xsl:template>

<xsl:template match="Label">
<xsl:value-of select="self::text()"/>
</xsl:template>

问题是XSLT将tfooter渲染为tbody的一行，而不是将它分开。我检查了html，tfooter是tbody的孩子。这只发生在Firefox中;它在所有其他主要的broswers中都很棒。

<td colspan="2">
    <table class="dataTable">         
      <thead>...</thead>            
      <tbody>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>                  
          <tfoot>...</tfoot>
      </tbody> 
    </table>
</td>

当我检查其他浏览器时，我发现tfooter是tbody和theader的兄弟。

<td colspan="2">
    <table class="dataTable">         
      <thead>...</thead>                     
      <tbody>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>                               
      </tbody> 
      <tfoot>...</tfoot>
    </table>
</td>

所以我将XML中的页脚部分移动到Header和Row之间，现在它可以工作了。 tfooter现在是tbody和theader的兄弟姐妹，并且在tbody之前。

 <td colspan="2">
    <table class="dataTable">         
      <thead>...</thead> 
      <tfoot>...</tfoot>           
      <tbody>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>
          <tr class="tableRow"></tr>                               
      </tbody> 
    </table>
</td>

所以问题是为什么Firefox会这样做？这是一个错误还是Firefox在创建表时首先在行之前呈现页眉和页脚，所以我们必须先在XSLT中处理页眉和页脚？

Answer 1

您可能正在考虑的是基于XSLT生成的XML中生成的DOM的HTML。重要的是要认识到在查看DOM时可能会更改文档的来源，这通常是您在Firefox的Firebug或IE的F12等开发人员工具中看到的。

例如，您所看到的可能是最后一步：

Input XML --[ XSLT ]--> Output HTML --[ Browser API ]--> Resultant DOM

如果您查看HTML4 spec，则<tfoot>元素必须之前 <tbody>，而不是之后。 The restriction was changed in HTML5并且页脚可以在正文之前或之后出现，但是当从HTML文档创建DOM时，Mozilla可能会遵循旧规则作为其有效。 Mozilla Developers Network page on <tfoot>有更多信息，这是我获得一些链接的地方。

Firefox中的XSLT错误？

1 个答案: