newBike newBike - 1 year ago 103
AngularJS Question

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

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

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

And this option in angular app, but it couldn't work as well. {
editableOptions.theme = 'bs3';



Here's the DEMO page

Answer Source

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

.editable-controls input {
    width: 100%


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download