使用angularJS使输入字段的整个宽度在xeditable内

时间:2016-04-19 07:39:56

标签: javascript angularjs x-editable

如果使用xeditable插件处理编辑状态,我怎样才能启用每个单元格的100%宽度?

我试图把这些风格

<style>
  div[ng-controller] { margin: 10px; }
  .table {width: 100% }
  form[editable-form] > div {margin: 10px 0;}
  .editable-wrap {
      width: 100%;
  }
</style>

这个选项在角应用程序中,但它也无法正常工作。

app.run(function(editableOptions) {
  editableOptions.theme = 'bs3';
});

inline

inline

这是DEMO页面http://106.185.55.97:3001/ngAdmin/admin.html#/admin/banks/index

3 个答案:

答案 0 :(得分:2)

您可以使用简单的CSS将100%宽度应用于输入

.editable-controls input {
    width: 100%
}

Demo

答案 1 :(得分:1)

你可以试试这个:

.editable-wrap .editable-input {
   display: block;
   width: 100%
}

答案 2 :(得分:0)

.editable-wrap input{
      width: 100%;
  }