javascript – 使用TD标签替换表格行的AJAX响应在Chrome中显得很糟糕

我正在尝试使用Python和XP的editInPlace JavaScript代码Google App Engine上的Django.
编辑表格的行后：

<table>
  <tr id="editme" class="editme">
    <td>Date</td>
    <td>Description</td>
    <td>Details</td>
  </tr>
  <tr id="editme" class="editme">
    <td>Date</td>
    <td>Description</td>
    <td>Details</td>
  </tr>
  <tr id="editme" class="editme">
    <td>Date</td>
    <td>Description</td>
    <td>Details</td>
  </tr>
</table>

看起来像这样：

 ___ ___ ___
|___|___|___|
|___|___|___|
|___|___|___|

我maid认为editInPlace JavaScript会保存原始字符串,例如“< td> Date< / td>< td> Description< / td>< td> Details< / td>”用条纹字符串替换它而不用< td> (例如“日期描述细节”)将字符串放入< td colspan =“3”>< form> …< / form>< / td>供编辑编辑.

所以我在这里准备提交新值后的Http Response也会模仿3个cols,我的意思是< td>< / td>标签(例如,“< td> ResponseDate< / td>< td> ResponseDescription< / td>< td> ResponseDetails< / td>”)放在< tr>< / tr>之间标签.

但问题是,在AJAX替换值而没有刷新孔页面之后,给了我讨厌的表.
Chrome v12中的所有行都像移动了一边并从第二个col开始填充：

 ___ ___ ___
|___|___|___|___
 ___|___|___|___|
|___|___|___|

解决方法:

在编辑后(并以错误的方式显示),请使用Chrome开发者工具检查受影响的行 – 右键单击​​任何单元格,然后在弹出菜单中选择“检查元素”.将显示DevTools窗口,您将能够检查(在“元素”面板中)最终DOM是否正确.如果是,则是Chrome / WebKit错误.