Question

在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 } ?>

Answer 1

首先，您需要更多行来垂直滚动。

但要使表格滚动，您可以将其包装在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不支持overflow-x或overflow-y，因此您可能还需要指定宽度，因为overflow auto将允许双向滚动。

如何使这个表可滚动？

1 个答案: