How do I create this layout in android
---------------------
|col1 | col2 | col3 |
| col1 | col2 |
---------------------
The first row is 3 columns equal width, and the second row is 2 row equal width. Is it possible to create this in TableLayout ? I did try width android:layout_span="2" for the last cell, but it does not end up in equal width.
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TableRow android:layout_marginTop="6dp">
<Button
android:id="@+id/button1"
android:layout_weight="33"
android:textStyle="bold"
android:text="@string/percent" />
<Button
android:id="@+id/button2"
android:layout_weight="33"
android:textStyle="bold"
android:text="@string/percent" />
<Button
android:id="@+id/button8"
android:layout_weight="33"
android:textStyle="bold"
android:text="@string/percent" />
</TableRow>
<TableRow android:layout_marginTop="6dp">
<Button
android:id="@+id/button3"
android:layout_weight="60"
android:textStyle="bold"
android:text="@string/percent" />
<Button
android:id="@+id/button4"
android:layout_weight="40"
android:layout_span="2"
android:textStyle="bold"
android:text="@string/percent" />
</TableRow>
</TableLayout>