Android Table Layout | TableLayout Example in Android | Demo code for Android Table Layout

Android Table layout:   Basically android have 5 types of layouts, we will discuss them one by one with examples-

1) LinearLayout

2)RelativeLayout

3)TableLayout

4)Framelayout

5)AbsoluteLayout

Here I am Introducing to Table Layout:

Table Layout means display the view in form of row and column. This type of layout helps us to display tabular form of data. Like result, records etc.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context=".MainActivity" >

    <TableLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        tools:context=".MainActivity" >

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:background="@android:color/darker_gray"

                android:gravity="center"

                android:padding="6dp"

                android:text="Roll No." />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:background="@android:color/darker_gray"

                android:gravity="center"

                android:padding="6dp"

                android:text="Name" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:background="@android:color/darker_gray"

                android:gravity="center"

                android:padding="6dp"

                android:text="Marks" />

        </TableRow>

        <TableRow

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="5dp" >

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="101"

                android:textSize="20sp" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="Manish"

                android:textSize="20sp" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="888"

                android:textSize="20sp" />

        </TableRow>

        <TableRow

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="5dp" >

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="102"

                android:textSize="20sp" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="James"

                android:textSize="20sp" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_margin="2dp"

                android:layout_weight="1"

                android:gravity="center"

                android:text="878"

                android:textSize="20sp" />

        </TableRow>

    </TableLayout>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="25dp"

        android:text="@string/app_name"

        android:textSize="20sp" />

   

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="45dp"

        android:text="androidhub4you.com"

        android:textSize="20sp" />

</LinearLayout>

And use this MainActivity class to display your views-

package com.androidhub4you.tablelayout;

import android.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

       @Override

       protected void onCreate(Bundle savedInstanceState) {

              super.onCreate(savedInstanceState);

              setContentView(R.layout.activity_main);

       }

      

}

Download zip code

Your comments and feedback are awaited!

Thank You!