表格上下没有滚动条，左右有滚动条?怎么实现

[chinaguoping]

我要求得是左右方向有滚动条，但是上下没有？怎么实现？

代码可以直接拷贝看效果。



<div id="Layer1" style=" width:500px; overflow: auto;">
<table width="2000" border="0" align="center" cellpadding="0" cellspacing="1" class="report_table">
<!-- 表格title部分-->
<tr class="report_data_1_tr">
<td width="6%" height="24" class="report_title_tr" >坐席员号</td>
<td width="6%" class="report_title_tr" >所属的组</td>
<td width="9%" class="report_title_tr" >工作总时长</td>
<td width="9%" class="report_title_tr" >等待总时长</td>
<td width="16%" class="report_title_tr" >工作总时长/等待总时长</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="5%" class="report_title_tr" >等待次数</td>
<td width="24%" class="report_title_tr" >合计1</td>
</tr>
<!-- 表格第一行-->
<tr class="report_data_1_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#F5F5F5';">
<td height="24" >22001</td>
<td >57042</td>
<td >39211.0</td>
<td >39211.0</td>
<td valign="middle"><img src="images/tu1.gif" width="88" height="12"> 50%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >1</td>
<td class="repoft_total_right" >78,423</td>
</tr>
<!-- 表格第二行-->
<tr class="report_data_2_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#fffff';">
<td height="24" >22002</td>
<td >57042</td>
<td >39211.0</td>
<td >33090.0</td>
<td valign="middle"><img src="images/tu2.gif" width="88" height="12"> 50%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >66,182</td>
</tr>
<tr class="report_data_1_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#F5F5F5';">
<td height="24" >22003</td>
<td >57042</td>
<td >4391.0</td>
<td >39211.0</td>
<td valign="middle"><img src="images/tu4.gif" width="88" height="12"> 10%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >1,025.12</td>
</tr>
<tr class="report_data_2_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#fffff';">
<td height="24" >22004</td>
<td >57043</td>
<td >4391.0</td>
<td >33090.0</td>
<td valign="middle"><img src="images/tu1.gif" width="88" height="12"> 50%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >66,182</td>
</tr>
<tr class="report_data_1_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#F5F5F5';">
<td height="24" >22005</td>
<td >57044</td>
<td >8137.0</td>
<td >33090.0</td>
<td valign="middle"><img src="images/tu5.gif" width="88" height="12"> 10%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >15,317.95</td>
</tr>
<tr class="report_data_2_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#fffff';">
<td height="26" >22006</td>
<td >57042</td>
<td >8137.0</td>
<td >33090.0</td>
<td valign="middle"><img src="images/tu1.gif" width="88" height="12"> 10%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >66,182</td>
</tr>
<tr class="report_data_1_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#F5F5F5';">
<td height="24" >22007</td>
<td >57042</td>
<td >8137.0</td>
<td >39211.0</td>
<td valign="middle"><img src="images/tu2.gif" width="88" height="12"> 20%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >10,924.96</td>
</tr>
<tr class="report_data_2_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#fffff';">
<td height="24" >22008</td>
<td >57046</td>
<td >4391.0</td>
<td >39211.0</td>
<td valign="middle"><img src="images/tu1.gif" width="88" height="12"> 50%</td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td > </td>
<td >27</td>
<td class="repoft_total_right" >15,317.95</td>
</tr>
<tr class="report_data_2_tr" onMouseOver="this.style.background='#E3F2ED'" onMouseOut="this.style.background='#fffff';">
<td height="24" colspan="2" align="center" class="report_total_caption_td" >合计2</td>
<td class="report_total_caption_td" >5.4708812E7</td>
<td class="report_total_caption_td" >3.2085883E7</td>
<td valign="middle" class="report_total_caption_td">171%</td>
<td class="report_total_caption_td" > </td>
<td class="report_total_caption_td" > </td>
<td class="report_total_caption_td" > </td>
<td class="report_total_caption_td" > </td>
<td class="report_total_caption_td" > </td>
<td class="report_total_caption_td" >64928</td>
<td class="report_total_caption_td" >86,859,624.71</td>
</tr>
</table>
</div>

[jitianhui]

在body里加入下面代码
style="overflow-y:hidden"

但是我在你的div里看到overflow:hidden 可能会有冲突

建议你不要用div而是采用iframe,祝成功

[love_qb]

JF

[NiuniuASP]

<div id="Layer1" style="width:500px; overflow-y: hidden; overflow-x: auto;">

[qingsion]

代码很简单，只要在单元格<td>标识后加上如下代码就可以了：
<div style="overflow:auto;height:200;">
　　当然，对应的在单元格结束</td>标识前加上</div>。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
这里输入文段的内容。
</div>
</td></tr>
</table>