how to restrict the width of an editText

Question

in the below posted layout, the editText is always strectch up to the end even when i restrict its width to be something like 30dp i want it to be not stretched upto the end, how can i do so

*XML Code :

    <?xml version="1.0" encoding="utf-8"?>
<TableLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TableRow 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top|left"
    android:orientation="horizontal">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left|center_vertical"
        android:src="@android:drawable/alert_light_frame"/>
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal|center_vertical"
        android:text="roll: "/>
    <EditText 
        android:layout_width="30dp"
        android:layout_height="wrap_content"
        android:gravity="start"
        android:hint="E"
        android:ems="6"/>
</TableRow>

Answer 1

Use the android:maxWidth attribute:

<EditText
    android:layout_width="30dp"
    android:layout_height="wrap_content"
    android:gravity="start"
    android:hint="E"
    android:ems="6"
    android:maxWidth="30dp"/>

Answer 2

Always Use wrap_content instead of any value inside Edittext, Textview, etc. and try to use "sp" instead of dp. Try below code:

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="start"
    android:hint="E"
    android:ems="6" />

Never define table row inside table layout in XML, The more preferable method is to create rows dynamically as below, Try below code.

TableLayout tl;
tl = (TableLayout) findViewById(R.id.mainTable)
tr = new TableRow(this);

label = new TextView(this);
label.setText("GFD");
label.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
label.setPadding(5, 5, 5, 5);
label.setBackgroundColor(Color.parseColor("#FF1493"));
LinearLayout Ll = new LinearLayout(this);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);
params.setMargins(5, 5, 5, 5);
Ll.addView(label,params);
tr.addView((View)Ll);

tl.addView(tr, new TableLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));

Answer 3

Try to use wrap_content for your TableLayout s or TableRow s width:

<TableLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

    <TableRow 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top|left"
    android:orientation="horizontal">