Chrome, les colonnes de la table ne s'alignent pas après l'édition de la ligne avec jQuery

Question

J'ai effacé une ligne et ajouté de nouvelles cellules à l'aide de jQuery. Cela fonctionne très bien dans Firefox, mais les colonnes ne sont pas alignées correctement dans Google Chrome. J'ai inclus une image qui utilise le débogueur de Google Chrome pour démontrer ce dont je parle:

Et c'est le code:

// clear old contents 
row.empty(); 
row.inputs={}; 
// write new cells 
for(var i=0; i<this.fields.length; i++){ 
    var field = this.fields[i]; 
    var newCell = $('<td></td>'); 
    row.append(newCell); 
    var newInput = $('<input></input>'); 
    newCell.append(newInput); 
    row.inputs[field.name] = newInput; 
    newInput.val(row.representedObject[field.name]); 
} 

Answer 1

http://api.jquery.com/remove/

Enlève non seulement le balisage mais aussi la référence DOM. Pourrait résoudre votre problème, ainsi que tous les problèmes possibles liés à la DOM.