修改后还要再提交的吗?
试试这样
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>让表格可编辑</title>
<style>
td{ font-family: Courier New; font-size: 12px; text-align: center ;height:30;word-break:break-all;background-color:#d3e8ff}
textarea.content{ font-family: Courier New; font-size: 12px;height:expression(this.scrollHeight);overflow:hidden;border:1 solid #3366cc;width:98%;}
</style>
</head>
<body>
<script>
function dataEdit(tableObj){
var e=event.srcElement
if(e.tagName!="TD")return;
e.innerHTML="<textarea row=1 class='content' onblur='setV(this)' id='i'>"+e.innerText+"</textarea>"
i.focus();
}
function setV(o){
o.parentElement.innerText=o.value
}
</script>
<div align="center">
  <center>
  <table id="data" onclick="dataEdit(this)" border="1" width="500" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
    <tr>
      <td width="33%">The</td>
      <td width="33%">Table</td>
      <td width="34%">Can</td>
    </tr>
    <tr>
      <td width="33%">Be</td>
      <td width="33%">Edit</td>
      <td width="34%">Try</td>
    </tr>
    <tr>
      <td width="33%">It</td>
      <td width="33%">Please</td>
      <td width="34%">...</td>
    </tr>
  </table>
  </center>
</div>
</body>
</html>
需要再提交的话,需要一hidden域对每列值都再次存入