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

Question

How could I enable the 100% width of each cell when it is in edit status with xeditable plugin?

I tried to put these style

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

And this option in angular app, but it couldn't work as well.

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

Here's the DEMO page http://106.185.55.97:3001/ngAdmin/admin.html#/admin/banks/index

Answer 1

You can use simple CSS to apply 100% width to input

.editable-controls input {
    width: 100%
}