删除ie8问题

Question

当我删除html表中的第一行时，IE8在表的末尾留下一个空行（在页脚之后）。

我使用的方法是：objTable.deleteRow(objRow.rowIndex);

我的表使用标记元素：thead，tbody，tfoot。

Answer 1

你正在使用YUI吗？如果是这样，您可能有兴趣查看http://developer.yahoo.com/yui/examples/datatable/dt_rowadddelete.html并使用他们的示例来查看您是否在浏览器中遇到相同的问题。如果你这样做，可能是IE8问题（最有可能）或YUI问题。

您可能也有兴趣尝试使用jQuery之类的东西。重量更轻，并且几乎可以跨浏览器兼容。

Answer 2

您可以尝试重置表格类并重新设置（使用prototype js，但您可以手动执行）：

// Hack. ie8 leaves a blank line at the end of the table, when delete the first row in a html table.
// http://stackoverflow.com/questions/3604183/deleterow-ie8-problem
if (Prototype.Browser.IE && ROW_YOU_DELETE_INDEX == 0) {
    YOUR_TABLE.removeClassName('YOUR_TABLE_CLASS_NAME')
              .addClassName('YOUR_TABLE_CLASS_NAME');
}