HTML/CSS/Tabellen Grenze deformiert wird, wenn ein-/ausblenden

Question

Es ist schwer, mein Problem zu mir erklären, aber ich werde versuchen,

1. Erklärung

   Ich bin eine dynamische Web mit AngularJS machen und Jquery; dann habe ich ein mehrdimensionales Array größer, lade rund 100 Datensätze, und ich zeige es mit Tabelle an; jeder Datensatz hat eine versteckte Info und Schaltfläche (für den Start der versteckten/Show-Funktion), sollte diese Info angezeigt werden, wenn Benutzer einen Klick in Button machen, alles funktioniert gut, das Problem ist, wenn ich eine versteckte Zeile anzeigen, die Spalten unter Verwendung von google verformen chrome aber wenn ich Firefox benutze alles gut, auch ich bemerke, wenn ich die Entwickler-Tools von Google und Mark/Markierung jeden Hintergrund die Ansicht ist korrigiert, so dass ich denke, es ist ein Browser-Fehler, der die Ansicht nicht aktualisiert, wie es sollte.

2. Pics

   Hier ist die Liste in Normalansicht

   

   und hier als 1 unsichtbare Reihe

   

   

gezeigt

3. CODE

   Ich denke, es ist der Code irrelevant Ort ist, weil ich die AngularJS versuchen zu entfernen und nur jquery

   Dennoch bereitete ich ein Beispiel, wie als Arbeits meine app HERE IS THE PLNKR

ich mit hoffe, du kannst mir helfen

Answer 1

ich löste mein Problem, ich überprüfte die Hintergrundfarbe der ersten Spalte blieb immer fest, so dachte ich, es war ein Problem der Position, zu betrachten die Eigenschaft dieser Klasse (Spalte 1), sah ich die position: relative erscheint, neben viel Eigenschaft top bottom, mit der Option! important

deaktivieren all diesen Optionen i behebt den Fehler