如何给table顶端和底端都加上一个水平滚动条？

Question

放到一个层里，层的OVERFLOW熟悉设成AUTO或者其他会出来滚动条的属性

Answer 1

需求很怪啊，写了个例子，主要是table2里的内容
<table id="allTable" style="width:100%;height:200" cellspaces=0 cellpadding=0 >
<tr style="height:20">
<td>
<div id="div1" style="overflow-x:scroll;width:100%;height:20" onscroll=scrollWindow(this,"div2")>
<div id="div1" style="width:200%;">
&nbsp;
</div>
</div>
</td>
</tr>
<tr>
<td >
<div id="div2" style="overflow-x:scroll;width:100%;height:100%" onscroll=scrollWindow(this,"div1")>
<table id="table2" style="width:200%;background-color:red;height:100%" border="1">
<tr>
<td  >adsasdaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script language=javascript>
function scrollWindow(obj,id)
{
document.getElementById(id).scrollLeft=obj.scrollLeft
}
</script>

Answer 2

<table width="80%%" border="1" id="Tbl">
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table><script type="text/javascript">
/*<![CDATA[*/
  var Tbl = document.getElementById("Tbl");
  
  //document.body.appendChild(Hr)
  
  fInsertNode(Tbl, document.createElement("hr"), true);
  fInsertNode(Tbl, document.createElement("hr"), false);
  
  function fInsertNode(OldNode, NewNode, bBefore)
  {// shawl.qiu script
   var ParentNode = OldNode.parentNode;
   if(!ParentNode)return false;
   if(bBefore)
   {
    ParentNode.insertBefore(NewNode,OldNode);
       return false;
   } // end if
   ParentNode.replaceChild(NewNode, OldNode);
   ParentNode.insertBefore(OldNode, NewNode);
  } // end function fInsertNode
/*]]*/
</script>