如何使此表可滾動？

在IE8中它沒有滾動條...我怎樣才能讓我的結果表滾動？如何使此表可滾動？

<tr> 
    <td><input type="radio" name="sso" value="<?php echo $exec->fields['hrOracleNumber']; ?>" onclick="selectSSO(this.value);"></td> 
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['hrOracleNumber']; ?></font></td> 
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['firstName']; ?></font></td> 
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['lastName']; ?></font></td> 
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['description']; ?></font></td> 
</tr> 

<?php 

    $exec->MoveNext(); 
} ?> 
</table> 
<?php } ?>

來源

2012-11-21 Monk LikeaSir

它在其他瀏覽器上滾動嗎？你使用窗口滾動，你有定義一個使用CSS？爲什麼你要顯示你的PHP代碼，因爲這是100％的客戶端？ –

是代碼的最後一部分，我很抱歉我沒有拿走php部分，並且至少在Chrome中是這樣。 –

首先，您需要更多行垂直滾動。

但爲了讓表格滾動，你可以將它包裝在一個div標籤中，並通過添加一個固定的高度並將溢出設置爲auto來將CSS樣式應用於該div。

HTML代碼將是這樣的：

<div class="scroll-table"> 
<table> 
<tr> 
    <td><input type="radio" name="sso" value=""></td> 
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td> 
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td> 
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td> 
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td> 
</tr> 
</table> 
</div>

的CSS樣式表是這樣的：

.scroll-table{ 
     height: 50px; 
     overflow: auto; 
    }

IE 8不支持溢出-x或溢出-Y，所以你可能想要指定寬度，因爲溢出自動將允許在兩個方向上滾動。

來源

2012-11-21 23:19:25

如何使此表可滾動？

回答

相關問題