Eckig-Xeditable Checkbox in der Tabelle unter Zeile anzeigen

Question

Ich habe eine Tabelle, die Angular-xeditable verwendet, um einige Inline-Bearbeitung zu tun, aber wenn ich ein Kontrollkästchen einfüge, legt es es nach links und unten weiter als es sein sollte. Ich habe ein Plunk erstellt, das nicht 100% funktioniert, aber Sie können das Kontrollkästchen an der falschen Stelle angezeigt werden. Hier ist die zupfen

https://plnkr.co/edit/Z6DA2Jovl0LxRH9Fu4PH?p=preview

Ich habe bemerkt, wenn man versucht, diese zupfen zu schaffen, dass, wenn ich nicht diesen Code haben app.run(function(editableOptions) { editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default' });

Dann wird die Checkbox in der Spalte angezeigt wird angezeigt, wie vorhergesagt aber es ist für viele der Funktionen und Styling benötigt, für den Rest der Anwendung gewünscht.

Jeder hat eine Menge Erfahrung mit xeditable, dass sie einen Weg um dies wissen könnten?

Answer 1

Ich weiß es nicht die beste Lösung ist, aber ich habe overhidden editierbaren-Checkbox css, wie unten:

.editable-checkbox { 
    margin-left: 20px; 
    margin-bottom: 25px; 
}