表格中的Angular-xeditable复选框显示在行下方

Question

我有一个使用Angular-xeditable进行内联编辑的表，但是当我包含一个复选框时，它会将它放在左侧，然后向下放置。我创建了一个100％无效的插件但你可以看到复选框显示在错误的位置。这是插件

  

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

我注意到在尝试创建此插件时，如果我没有此代码 app.run(function(editableOptions) { editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default' });

然后复选框将显示在按预测显示的列中，但是对于应用程序的其余部分所需的许多功能和样式都需要它。

任何人都有很多xeditable的经验，他们可能知道这个方法吗？

Answer 1

我知道这不是最佳解决方案，但我已经过度隐藏了editable-checkbox css，如下所示：

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