浮動2個單獨的html表格

我做了一個比較引擎，我做了一個下拉系統（不是很多，但它是一個開始）。我的問題是：如何將2個單獨的html表格（來自不同文件）並排放置，以便您可以選擇要並排放置哪些表格，以便比較兩種產品！這是我的意思的一個例子：https://gyazo.com/85c8ee29a6723828d3ded529cd4cce87 浮動2個單獨的html表格

謝謝！

來源

2015-10-21 Yannick Visser

使用網格系統。它允許您根據需要設置數據的格式 –

您是否考慮過將每個表所需的列渲染到第三個表中（或將它們附加到另一個表中）？ –

我不熟悉bootstrap。在HTML中沒有一種方法，你可以點擊下拉菜單中的一個選項，它會顯示一個不同的表格？（所以如果你有2個下拉菜單，你可以比較你選擇的2個不同的表格） –

以兩個div並插入表都寫CSS像這樣引導

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      .first 
      { 
       float:left; 
       width:48%; 
       margin-right:2%; 
      } 
      .second 
      { 
       float:left; 
       width:50%; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="first"> 
      <table border="1" style="width:100%"> 
       <tr> 
        <td>Jill</td> 
        <td>Smith</td>  
        <td>50</td> 
       </tr> 
       <tr> 
        <td>Eve</td> 
        <td>Jackson</td>   
        <td>94</td> 
       </tr> 
       <tr> 
        <td>John</td> 
        <td>Doe</td>   
        <td>80</td> 
       </tr> 
      </table> 
     </div> 
     <div class="first"> 
      <table border="1" style="width:100%"> 
       <tr> 
        <td>Jill</td> 
        <td>Smith</td>  
        <td>50</td> 
       </tr> 
       <tr> 
        <td>Eve</td> 
        <td>Jackson</td>   
        <td>94</td> 
       </tr> 
       <tr> 
        <td>John</td> 
        <td>Doe</td>   
        <td>80</td> 
       </tr> 
      </table> 
     </div> 
    </body> 
</html>

來源

2015-10-21 11:16:48 Allen

謝謝你的回覆，但我的意思是我想用下拉菜單做選項，所以當你點擊一個選項時，表將顯示。我做了一個下拉菜單，但是如何做到這一點，如果你點擊一個選項，將顯示一個不同的表格，如果你有2個下拉菜單，你可以選擇不同的表格進行比較 –

使用jQuery從下拉菜單和該顯示錶的基礎上。 – Allen

我對jQuery不是很熟悉......你有鏈接到教程嗎？ –

浮動2個單獨的html表格

回答

相關問題