javascript - 使用 angularJS 将输入字段的全宽设置为 xeditable

标签 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>

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

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

inline

inline

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

最佳答案

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

.editable-controls input {
    width: 100%
}

Demo

关于javascript - 使用 angularJS 将输入字段的全宽设置为 xeditable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36711670/

相关文章:

javascript - 相对于输入 [type=range] 的绝对定位 - 不工作

javascript - Chrome 扩展显示 "Wants access to this site"

javascript - 如何使用electron-html-to node.js解决超时问题

javascript - 需要简单的 angularjs 编程帮助

javascript - 如何签署需要 UniversalXPConnect 权限的脚本或网页

javascript - 动画滑动 div 反弹而不是平滑地出现/消失

javascript - AngularJS 指令 : Pass dynamically created object as attribute for nested directive

php - 当输入类型为 select2 时在 x editable 内显示图像

javascript - xeditable & select2 下拉列表 w/ajax 源在提交后显示为空

JQuery Xeditable 不适用于 Angular2