按button1刷新,怎么能在页面table上还显示数据

<HTML>
<HEAD>
<title>WebForm7</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 136px; POSITION: absolute; TOP: 64px" runat="server"
Text="Button"></asp:Button></FONT>
</form>
<SCRIPT LANGUAGE="JavaScript">   
  function   addRow(tbl)   
  {   
  var   a   =   tbl.insertRow();   
  a.id   =   "a"   +   tbl.rows.length;   
  for(var   i=0;   i<tbl.rows[0].cells.length;   i++)   
  {   
  var   tc   =   a.insertCell();   
  tc.innerText   =   "   ";   
  tc.onfocus   =   function()   
  {   
  this.parentElement.parentElement.parentElement.ct   =   this.parentElement;   
  this.innerHTML   =   "<input   type=\"text\"   value=\""   +   (this.innerText=="   "?"":this.innerText)   +   "\"   style=\"width:100%;height:100%;border:0;\"   onblur=\"this.parentElement.innerText=(this.value==''?'   ':this.value);\">";   
  this.children[0].focus();   
  };   
  }   
  }   
    
  function   delRow(tbl)   
  {   
  if(!tbl.ct)   return;   
  tbl.deleteRow(tbl.ct.rowIndex);   
  tbl.ct   =   null;   
  }   
    
</SCRIPT>
<table border="1" id="tbl">
<tr id="a1">
<td>货物编码</td>
<td>货物名称</td>
<td>品类</td>
<td>长</td>
<td>宽</td>
<td>高</td>
<td>件数</td>
<td>单体</td>
<td>单重</td>
<td>装载体积</td>
<td>装载重量</td>
<td>计费体积</td>
<td>计费重量</td>
<td>件单价</td>
<td>体积单价</td>
<td>重量单价</td>
<td>运费</td>
<td>保险额</td>
<td>保险率</td>
<td>保险费</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow(document.all.tbl);"> <input type="button" value="删除行" onclick="delRow(document.all.tbl);">&nbsp;
</body>
</HTML>