2012-01-01 59 views
0

我想在另一個表的行之間放一個表。表之間的另一個表的行

但是在我把幾行放在一張表後,原來的行都丟失了它們的格式。

任何想法如何解決這個問題。 我對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> 

enter image description here

+0

首先決定你需要生成內容的HTML,並檢查它在瀏覽器中。然後開始考慮如何編寫XSLT代碼來生成此HTML。試圖同時做這兩件事情,特別是當你對HTML和XSLT沒有經驗的時候,這是混淆的祕訣。 – 2012-01-01 18:53:15

回答

1

你必須把表格的單元格內的當前表:

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

因爲他試圖做的事是無效的。 – Rob 2012-01-01 14:22:09

0

HTML語法不允許一個表的行之間的任何東西,除了一排排同一張桌子。但是,您可以插入該表格的單個單元格行並將該表格放入該單元格中;在這種情況下,您應該使用colspan屬性,使該單元佔據(外)表的全部寬度,在此例中爲<td colspan=4>

或者,你可以插入行或包含所需的數據,以便他們是表的語法正常排又一排,即使它們的內容是不同的。請注意,使用CSS可以爲行的單元格設置不同於表格其餘部分的邊框,背景等。但是,特殊行必須仍然適合表格的結構。例如,如果行是隻包含兩個單元和表有四列,那麼你需要指定,與colspan屬性,這兩個單元是如何放置到工作臺的網格(例如,<tr><td>...</td><td colspan=3>...</td></tr>將放在第一個單元格在第一列中,並使第二個單元格跨越其餘列,在你的情況)。

0

做一些與CSS與DIV

<div id="outer"> 
<div id="inner"></div> 
</div> 
相關問題