deleterow ie8 problem

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