Android TableLayout in Kotlin

Android TableLayout is a ViewGroup subclass which is used to display the child View elements in rows and columns. It will arrange all the children elements into rows and columns and does not display any border lines in between rows, columns or cells.

The working of TableLayout is almost similar to HTML table and it contains as many columns as row with the most cells.

How to declare TableLayout and TableRow?

The TableLayout can be defined using <TableLayout> like below:



filter_none

edit
close

play_arrow

link
brightness_4
code

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp">
   
    // Add Table rows here
</TableLayout>

chevron_right






                        filter_none








and TableRow can be defined using











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<TableRow android:background="#51B435" android:padding="10dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Rank" /> 


</TableRow> 



















                        chevron_right







                        filter_none








activity_main.xml file


In this file, we declare the TableLayout and start adding table rows with the help of TableRow. We are creating ranking table of players where we define four columns Rank, Name, Country and Points. 


The code for the Table is:













                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    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="match_parent"


    android:layout_marginTop="10dp"


    android:paddingLeft="5dp"


    android:paddingRight="5dp"> 


  


    <TextView 


        android:id="@+id/txt"


        android:layout_width="wrap_content"


        android:layout_height="wrap_content"


        android:text="ICC Ranking of Players:"


        android:textSize = "20dp"


        android:textStyle="bold"> 


  


    </TextView> 


  


  


    <TableRow android:background="#51B435" android:padding="10dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Rank" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Player" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Team" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Points" /> 


    </TableRow> 


    <TableRow android:background="#F0F7F7" android:padding="5dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="1" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Virat Kohli" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="IND" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="895" /> 


    </TableRow> 


    <TableRow android:background="#F0F7F7" android:padding="5dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="2" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Rohit Sharma" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="IND" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="863" /> 


  


    </TableRow> 


    <TableRow android:background="#F0F7F7" android:padding="5dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="3" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Faf du Plessis" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="PAK" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="834" /> 


  


    </TableRow> 


  


    <TableRow android:background="#F0F7F7" android:padding="5dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="4" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Steven Smith" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="AUS" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="820" /> 


  


    </TableRow> 


  


    <TableRow android:background="#F0F7F7" android:padding="5dp"> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="5" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="Ross Taylor" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="NZ" /> 


        <TextView 


            android:layout_width="wrap_content"


            android:layout_height="wrap_content"


            android:layout_weight="1"


            android:text="817" /> 


  


    </TableRow> 


  


</TableLayout> 



















                        chevron_right







                        filter_none








MainActivity.kt


When we have created layout, we need to load the XML layout resource from our activity onCreate() callback method and access the UI element form the XML using findViewById.











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















package com.geeksforgeeks.myfirstKotlinapp 


  


import androidx.appcompat.app.AppCompatActivity 


import android.os.Bundle 


  


  


class MainActivity : AppCompatActivity() { 


  


    override fun onCreate(savedInstanceState: Bundle?) { 


        super.onCreate(savedInstanceState) 


        setContentView(R.layout.activity_main) 


        // finding the UI elements 


  


  


    } 


} 



















                        chevron_right







                        filter_none








TableLayout Output:


We need to run using Android Virtual Device(AVD) to see the output.





          
          
          

          

    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Praveenruhil
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.


					
		

    Article Tags : 
Kotlin

           	
        

         

         
 
         
        Be the First to upvote.

                

        



        
        
        
        
        

    

            

            0
            

            

                             No votes yet.
                    

            
            
            
            
            
        

        
        

        

        

        

        

        

        


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.