使用 angularJS 将输入字段的全宽设置为可编辑

Question

如何使用 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

Answer 1

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

.editable-controls input {
    width: 100%
}

Answer 2

你可以试试这个：

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

Answer 3

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

使用 angularJS 将输入字段的全宽设置为可编辑

Make the full width of input field inside an xeditable using angularJS

javascript

angularjs

x-editable