使用 angularJS 使 xeditable 内的输入字段的全宽答案

【问题标题】：Make the full width of input field inside an xeditable using angularJS使用 angularJS 使 xeditable 内的输入字段的全宽
【发布时间】：2016-04-19 07:39:56
【问题描述】：

如何使用 xeditable 插件在每个单元格处于编辑状态时启用 100% 宽度？

我试着把这些风格放在一起

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

还有这个选项在 Angular 应用程序中，但它也不能正常工作。

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

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

【问题讨论】：

标签： javascript angularjs x-editable

【解决方案1】：

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

.editable-controls input {
    width: 100%
}

【讨论】：

【解决方案2】：

你可以试试这个：

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

【讨论】：

【解决方案3】：

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

【讨论】：