怎么在JS画的表格中添加滚动条

如何在JS画的表格中添加滚动条
function wds_refresh(flag)
{
var code = "";
if(flag=="1"){
var wds_wllist_array = "<kW58292S>0>00:13:13:11:11:81>WPA2-PSK>34<KDLLO>11>1C:FA:68:D4:A2:26>WPA2-PSK>37<Kasda%20AP2014%2D11%2D11>1>00:90:4C:01:AA:03>Open System>89<Kasda%202%2D4G%20AP>1>00:00:90:4C:0E:C4>Open System>26<Kasda%202%2D4G%20AP%20test1>6>00:0E:F4:E0:12:35>Open System>70<TINIMDI>6>00:0E:F4:F7:05:C3>WPA2-PSK>2<KasdaNet>8>00:0E:F4:12:34:57>WPA2-PSK>100<DD5D>11>00:36:76:4E:CD:5D>WPA2-PSK>63";

}
else{
var wds_wllist_array = "";
 code +='';
document.getElementById("table_1").innerHTML = code;

return;
}
var vts_rulelist_row = decodeURIComponent(wds_wllist_array).split('<');

var show_data="wds_alert1";

code +='<table border="1" cellpadding="0" cellspacing="0" align="center" width="400"><tr bgcolor="#8fc3ea"><td width="120" class="FUNNAMEPORT" align="center">SSID</td><td width="40" class="FUNNAMEPORT" align="center">Channel</td><td width="140" class="FUNNAMEPORT" align="center">MAC</td><td width="60" class="FUNNAMEPORT" align="center">Security</td><td width="40" class="FUNNAMEPORT" align="center">strong</td><td width="80" class="FUNNAMEPORT" align="center">add</td></tr></table>';

code +='<table width="400" cellspacing="0" border="2" cellpadding="0" align="center" class="LIST_TABLE" id="rulelist_table">';
if(vts_rulelist_row.length == 1)
code +='<tr><td style="height:25px;font-size:15px;border-style:solid; border-width:1; border-color:#2971B9;" colspan="">'+show_data+'</td></tr>';
else{
for(var i = 1; i < vts_rulelist_row.length; i++){

code +='<tr id="row'+i+'">';
var vts_rulelist_col = vts_rulelist_row[i].split('>');
var wid=[120, 40, 140, 60, 40];
for(var j = 0; j < vts_rulelist_col.length; j++){
if(j != 0 && j !=1){
code +='<td style="color:#FFCC00;border-style:solid; border-width:1; border-color:#2971B9;word-break:break-all;"  width="'+wid[j]+'">'+ vts_rulelist_col[j] +'</td>';
}else if(j==0){

code +='<td style="color:#FFCC00;border-style:solid; border-width:1; border-color:#2971B9;word-break:break-all;" width="'+wid[j]+'">'+ vts_rulelist_col[j] +'</td>';
}else if(j==1){
code +='<td style="color:#FFCC00;border-style:solid; border-width:1; border-color:#2971B9;word-break:break-all;" width="'+wid[j]+'">'+ vts_rulelist_col[j] +'</td>';
}else{
}
}
code +='<td  width="80" style="border-style:solid; border-width:1; border-color:#2971B9;">';
code +='<input type="radio" class="REMOVE_BTN" name="my_radio"  onClick="my_choose(this)" /></td></tr>';
}
}
  code +='</table>';
document.getElementById("table_1").innerHTML = code;     
}
这个是我写的用JS画的一个表格，可以实现，现在我想给他加一个滚动条，让他只显示五条，那两条隐藏，拉动滚动条可以看见，这个怎么搞。。求大神指导。。
------解决思路----------------------
楼主的代码太长就偷懒不看了
一般表格带滚动条都是在表格table外套1个设定了长度的和滚东条的div生成的
如：<div style="height:你五行的长度; scroll:auto">

           你的表格
      </div>