Memahami TableLayout

htmTableLayout mengelompokkan view menjadi baris dan kolom. Kita akan menggunakan elemen <TableRow> untuk membuat baris dalam tabel. Masing-masing baris bisa berisi satu atau lebih view. Masing-masing view yang kita tempatkan di dalam baris akan membentuk cell. Lebar masing-masing kolom akan ditentukan oleh lebar terbesar dari tiap-tiap cell dalam kolom tersebut.

Berikut adalah contoh TableLayout:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="id.co.blogspot.diansano.apppertama.MainActivity">
<TableRow>
<TextView
android:text="Nama User:"
android:width="120dp"/>
<EditText
android:id="@+id/txtUserName"
android:width="200dp"/>
</TableRow>
<TableRow>
<TextView
android:text="Password:" />
<EditText
android:id="@+id/txtPassword"
android:inputType="textPassword"/>
</TableRow>
<TableRow>
<TextView />
<CheckBox android:id="@+id/chkIngatPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ingat Password"/>
</TableRow>
<TableRow>
<Button
android:id="@+id/buttonSignIn"
android:text="Log In"/>
</TableRow>
</TableLayout>

Di dalam kode di atas ada dua kolom dan empat baris di dalam TableLayout. Cell yang secara langsung di bawah TextView “Password” diisi dengan TextView tetapi kosong isinya. Ini adalah sekedar trik saja karena bila kita tidak lakukan ini, checkbox “Ingat Password” akan muncul di bawah TextView “Password”. 

TableLayout