Home » Android » layout – Android TableLayout Width

layout – Android TableLayout Width

Posted by: admin April 23, 2020 Leave a comment

Questions:

I have a two column TableLayout as the only child of a scroll view. The first column contains TextViews (‘labels’) and the second column contains EditText/Spinner/DateWidget etc (‘values’). Even though I have have specified android:layout_width="fill_parent" for TableLayout, TableRow & all widgets (in ‘values’ column).

The screen looks perfect when the activity is created. However, when one types a really long value in the EditText, the ‘values’ column goes beyond the visible screen area.

How do I tackle this?

How to&Answers:

You may want to define the sizes of the columns by using a weight. So you will define the table layout height to fill parent but for each column you should set the width to “0px” and the weight to the percentage you want the column to span. So assuming you want the first column to be 30% of the screen width you set it’s weight to “0.3” and the second column to “0.7”.

Try it and see if that works.

Answer:

The pragmatic way to solve this is to use the stretchColumns and shrinkColumns attributes in TableLayout. Their values should be 0-based indexes of columns.

For example, if you have a two column Table layout and:

  • You would like the second column to fill up with empty space (stretch) so the TableLayout fits the entire parent view on a large screen device
  • You would like the first column to be shrunk (and its contents possibly wrapped / ellipsized) on a small screen device

you would define your TableLayout as:

<TableLayout
    android:id="@+id/my_table_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1"
    android:shrinkColumns="0" >
</TableLayout>

Answer:

This worked for me..

tableLayout.setColumnShrinkable(1,true);

Answer:

<TableLayout 
android:layout_height="fill_parent" 
android:layout_width="fill_parent"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp">
<TableRow 
android:layout_height="fill_parent"
android:layout_width="fill_parent">
<TextView 
android:layout_width="wrap_content"
android:text="Name " 
android:layout_height="fill_parent">
</TextView>
<EditText 
android:layout_width="0dp"
android:layout_weight="1"
android:hint="name"
android:layout_height="wrap_content" 
>
</EditText>
</TableRow>
</TableLayout>

This code worked for me to align text view on first column and edit text fill parent.

Answer:

Try this, make sure android:singleLine="false" and android:inputType="textMultiLine":

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:stretchColumns="1">
    <TableRow android:layout_height="wrap_content"
        android:layout_width="fill_parent">

        <TextView android:text="Label:" />
        <EditText android:id="@+id/entry" android:inputType="textMultiLine"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:singleLine="false" />
    </TableRow>
</TableLayout>

Answer:

I had similar problem with EditText on Android 2.2. In my case adding android:maxWidth=”0sp” property helped. Now EditText field is displayed as I wanted – so it is still of the same size as other EditText fields, but additionaly it is not resized when long text is entered.

Here is my EditText definition:

<EditText android:id="@+id/extra_edit"
       android:padding="3dip"
       android:inputType="textImeMultiLine"
       android:maxWidth="0sp"
       android:layout_width="fill_parent"
       />