I'm using Matrixlayout in xml.view and I want make field like below
Here is mine
here is my problem If i changed the width of specific cell, every row cell's width changed..
like this
here is my code
<!-- CSS --!>
<html:style>
.title {
font-size: 12px;
font-weight: bold;
}
.cellTitle {
width: 150px;
background-color: #e0ffff;
padding: 5px;
border: 1px;
border-style: solid;
}
.cellEmptyData {
background-color: #fff;
padding: 5px;
border: 1px;
border-left: #fff;
border-style: solid;
}
.cellSingleData {
width: 1550px;
background-color: #fff;
padding: 5px;
border: 1px;
border-style: solid;
}
.cellData {
width: 600px;
background-color: #fff;
padding: 5px;
border: 1px;
border-style: solid;
}
</html:style>
<!-- View --!>
<m:MatrixLayout layoutFixed = "false" id = "layout1" visible = "false" >
<m:MatrixLayoutRow>
<m:MatrixLayoutCell class = "cellTitle" ><Label class = "title" text = "Document Number" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellData" ><c:TextField id = "BELNR" enabled = "false" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellTitle" ><Label text = "Request Number" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellData" ><c:TextField id = "BNUMB" enabled = "false" /></m:MatrixLayoutCell>
</m:MatrixLayoutRow>
<m:MatrixLayoutRow>
<m:MatrixLayoutCell class = "cellTitle" ><Label text = "Department Request" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellSingleData" ><c:TextView text = " General W/G" /></m:MatrixLayoutCell>
</m:MatrixLayoutRow>
<m:MatrixLayoutRow>
<m:MatrixLayoutCell class = "cellTitle" ><Label text = "Reconciliation ACC" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellData" >
<c:ComboBox id = "AKONT" items = "{secondModel>/MD_RECONSet/results}" value = "{secondModel>/MD_RECONSet/results/0/ABWHK_TXT}"
width = "300px" change = "callDetailTable" >
<c:items>
<core:ListItem key = "{secondModel>ABWHK}" text = "{secondModel>ABWHK_TXT}" />
</c:items>
</c:ComboBox>
</m:MatrixLayoutCell>
</m:MatrixLayoutRow>
<m:MatrixLayoutRow>
<m:MatrixLayoutCell class = "cellTitle" ><Label text = "Address" /></m:MatrixLayoutCell>
<m:MatrixLayoutCell class = "cellData" ><c:TextView id = "ADDRESS" text = "{secondModel>/ADDRESS}" /></m:MatrixLayoutCell>
</m:MatrixLayoutRow>
</m:MatrixLayout>
How can i solve this problem?