他のテーブルの行の間のテーブル

Question

私は別のテーブルの行の間にテーブルを置こうとしています。

しかし、私はいくつかの行の後にテーブルを置くと、元の行の形式が失われます。

どのようにこの問題を解決するか考えてください。 私のxsltの知識は少し限られています。

<table border="1"> 
     <tr bgcolor="#006699"> 
      <th ALIGN="LEFT">PCB Barcode</th> 
      <th ALIGN="LEFT">Date and Time</th> 
      <th ALIGN="LEFT">ProductPWI</th> 
      <th ALIGN="LEFT">Conveyor Speed</th> 
     </tr> 
     <xsl:for-each select="GeneralReflowProcessReport/Results/GeneralReflowProcessReportEntry/PcbInfo/PcbInfoEntries/PcbInfoEntry"> 
      <tr> 
       <td style='padding:2px 100px 2px 2px'><xsl:value-of select="PcbBarcode"/></td> 
       <td style='padding:2px 20px 2px 2px'><xsl:value-of select="ReflowTime"/></td> 
       <td style='padding:2px 20px 2px 2px'><xsl:value-of select="ProductPWI"/></td> 
       <td style='padding:2px 20px 2px 2px'><xsl:value-of select="ConveyorSpeed"/></td> 
      </tr> 
      <xsl:if test="PcbStatistics/PcbStatisticsEntries"> 
       <br/> 
        <table border="1" > 

         <tr bgcolor="#006699"> 
          <th ALIGN="LEFT">Statistics Limits:</th> 

         </tr> 
         <tr> 
          <td style='padding:2px 100px 2px 2px'><xsl:value-of select="PcbStatistics/PcbStatisticsEntries/PcbStatisticsEntry/StatisticsName"/></td> 

         </tr> 
       </table> 
       <br/> 
      </xsl:if> 


     </xsl:for-each> 
    </table> 

Answer 1

あなたの現在のテーブル内のセル内のテーブルを配置する必要があります：

<table> 
    <tr> 
     <td>Outer table</td> 
    </tr> 
    <tr> 
     <td> 
      <table> 
       <tr> 
        <td>Inner table</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 2

HTML構文は、の行を除いて、テーブルの行の間は何もすることはできません。同じテーブル。ただし、そのテーブルの単一セルの行を挿入し、そのセルの内部にテーブルを置くことができます。その場合、そのセルが（外側の）表の全幅を占めるようにするcolspan属性を使用する必要があります。この場合は<td colspan=4>です。

また、内容が異なる場合でもテーブルの構文上の通常の行になるように、目的のデータを含む行を挿入することができます。 CSSを使用すると、テーブルの残りの部分とは異なる行のセルに罫線、背景などを設定できることに注意してください。ただし、特殊な行はテーブルの構造に収まる必要があります。たとえば、行に2つのセルだけを格納し、テーブルに4つの列がある場合は、colspan属性で、2つのセルがテーブルのグリッドにどのように配置されるかを指定する必要があります（たとえば、<tr><td>...</td><td colspan=3>...</td></tr>は最初のセル最初の列に2番目のセルが残りの列になるようにします）。

Answer 3

DIV

<div id="outer"> 
<div id="inner"></div> 
</div>