循环表[重复]

Question

我正在尝试逐列遍历表格并将其转换为单个 div。我想让 tr[1]/td[1]、tr[2]/td[1]、tr[3]/td[1] ... 都成为一个 div 的一部分。然后我想继续讨论 tr[1]/td[2], tr[2]/td[2], tr[3]/td[2]。

当我使用更简单的代码时，我能够转换我的表格，但我在跳下每个 tr 行时遇到问题。下面是我的 XSLT。任何帮助都会很棒。我对 XSLT 很陌生，但不是编程。 div/样式只是为了让输出更容易看到。

XML：

  <table class="table-with-caption">
  <thead>
    <tr>
      <th>Column Title 1</th>
      <th>Column Title 2</th>
      <th>Column Title 3</th>
      <th>Column Title 4</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td class="alert-info table-scroll-option" colspan="4">column</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>TR1, TD1</td>
      <td><span>TR1, TD2</span></td>
      <td><span>TR1, TD3</span></td>
      <td><span>TR1, TD4</span></td>
    </tr>
  <tr>
    <td><span>TR2, TD1</span></td>
    <td>Atque ab corporis modi deserunt adipisci, expedita temporibus.</td>
    <td>Vitae, sint ullam velit accusantium, dolorum ad dolorem.</td>
    <td>Iusto expedita minus praesentium vero voluptatum aut laboriosam.</td>
  </tr>
  <tr>
    <td><span>TR3, TD1</span>.</td>
    <td>Consequuntur corporis quo libero fuga ducimus provident minus.</td>
    <td>Natus reiciendis molestias earum, dolorum similique amet quasi.</td>
    <td>Consequuntur sunt minus laudantium, magnam labore, debitis quia!</td>
  </tr>
  </tbody>
</table>

XSL：

    <xsl:for-each select="tbody/tr[position()&lt;=$count-rows]">
      <xsl:variable select="1" name="counter" />
      <div style="border:thin solid red; padding 5px; margin:5px;">
        <xsl:for-each select="tr[$counter]/td[position() le $count-cols]">
          <div style="border:thin solid blue; padding 5px; margin:5px;">
            <xsl:apply-templates select="node()[name() != 'caption']|attribute()[name() != 'class' and name() != 'tfoot']" />
          </div>
          <xsl:with-param name="counter" select="$counter + 1"/> 
        </xsl:for-each>

      </div>
    </xsl:for-each>
  </div>
</xsl:when>

预期输出：

<div style="border:thin solid red; padding 5px; margin:5px;">
   <div style="border:thin solid blue; padding 5px; margin:5px;">TR1, TD1</div>
   <div style="border:thin solid blue; padding 5px; margin:5px;"><span>TR2, TD1</span></div>
   <div style="border:thin solid blue; padding 5px; margin:5px;"><span>TR3, TD1</span></div>
</div>

Answer 1

使用@michael.hor257k 提交的资源，我能够找出我的代码。这是我想出的：

<xsl:when test="tfoot/tr/td = 'column'">
  <div class="grid ">
    <xsl:variable name="row" select="tbody/tr"/>
    <xsl:variable name="col" select="tbody/tr[1]/td"/>

    <xsl:for-each select="$col">    
      <xsl:variable name="i" select="position()" />
            <div class="grid_item" style="border:thin solid red; padding 5px; margin:5px;"> 
                <xsl:for-each select="$row">
                    <div style="border:thin solid blue; padding 5px; margin:5px;">
                        <xsl:value-of select="td[$i]"/><br/><br/>
                    </div>
                </xsl:for-each>
            </div>
            <xsl:variable name="i" select="$i+1" />
      </xsl:for-each>
  </div>
</xsl:when>

这产生了将表格转换为 div 的以下输出：Div Output