deleterow 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'); 
}