有多個表格的div上的水平滾動條

我在DIV元素中有多個表格，並且想給出一定寬度的水平滾動條。如何給一個有多個表格的div上的水平滾動條有多個表格的div上的水平滾動條

<div style="float:left; max-width:300px; min-width:50px; overflow-x:auto!important; white-space:nowrap;"> 
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left"> 
    <tr> 
    <td>test1</td> 
    <td>test1</td> 
    <td>test1</td> 
    </tr> 
    <tr> 
    <td>test1</td> 
    <td>test1</td> 
    <td>test1</td> 
    </tr> 
</table> 
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left!important"> 
    <tr> 
    <td>test2</td> 
    <td>test2</td> 
    <td>test2</td> 
    </tr> 
    <tr> 
    <td>test2</td> 
    <td>test2</td> 
    <td>test2</td> 
    </tr> 
</table> 
</div>

來源

2013-05-17 Rohit

試試這個，在div中使用div。樣品：http://jsbin.com/opohif/2/edit

希望它可以幫助你。

來源

2013-05-17 08:25:48 Laughing

感謝它正在爲固定的號碼。的桌子，但在我的情況沒有。的表格不固定，它是動態生成的，可能有更多不是。 2或3桌.. – Rohit

請做必要的 – Rohit

請給出一些建議。 – Rohit

找到一個替代解決方案，但有沒有任何直接的選擇，請建議。

<div style="float:left; max-width:300px; min-width:50px; overflow-x:auto!important; white-space:nowrap;"> 
<table border="1"> 
    <tr> 
     <td> 
      <table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left"> 
       <tr> 
       <td>test1</td> 
       <td>test1</td> 
       <td>test1</td> 
       </tr> 
       <tr> 
       <td>test1</td> 
       <td>test1</td> 
       <td>test1</td> 
       </tr> 
      </table> 
     </td> 
     <td> 
      <table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left!important"> 
       <tr> 
       <td>test2</td> 
       <td>test2</td> 
       <td>test2</td> 
       </tr> 
       <tr> 
       <td>test2</td> 
       <td>test2</td> 
       <td>test2</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 
</div>

來源

2013-05-18 17:03:48 Rohit

有多個表格的div上的水平滾動條

回答

相關問題