Hello,
The ionic grid is accepting user input values dynamically but the white space is added along with input value. I need adjust the white spaces. Please help!
<ion-content class="ion-padding">
<div >
<div class="addProductControls">
<ion-item >
<ion-label position="floating">ItemId</ion-label>
<ion-input #itemId placeholder="itemId"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Price</ion-label>
<ion-input #qty placeholder="qty"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Qty</ion-label>
<ion-input #price placeholder="price"></ion-input>
</ion-item>
<ion-button color="dark" class="btn btn-primary btn-xs" (click)="addProduct(itemId, qty, price)">Add</ion-button>
</div>
<div *ngFor="let i of product;">
<ion-grid >
<ion-row>
<ion-col>ItemId
<ion-item>
<ion-input type="text" [(ngModel)] = "i.itemId"></ion-input>
</ion-item>
</ion-col>
<ion-col >Qty
<ion-item>
<ion-input type="text" [(ngModel)] = "i.qty"></ion-input>
</ion-item>
</ion-col>
<ion-col >Price
<ion-item>
<ion-input type="text" [(ngModel)] = "i.price"></ion-input>
</ion-item>
</ion-col>
</ion-row>
</ion-grid>
</div>
</div>
</ion-content>
ion-col{
height: 30px !important;
background-color: aliceblue;
width: 0.5;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}