How to add table rows Dynamically in Android Layout?


This example demonstrates how to add table rows Dynamically in Android Layout.

Step 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project.

Step 2 − Add the following code to res/layout/activity_main.xml.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingBottom="@dimen/activity_vertical_margin"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:orientation="vertical"
   android:id="@+id/invoices_layout"
   tools:context=".MainActivity">
<ScrollView
   android:layout_width="match_parent"
   android:layout_height="match_parent" >
<TableLayout
   android:id="@+id/tableInvoices"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="0dp"
   android:stretchColumns="*">
</TableLayout>
</ScrollView>
</LinearLayout>

Step 3 − Add the following code to src/MainActivity.java

package com.app.sample;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.app.ProgressDialog;
import android.graphics.Color;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;
import java.math.BigDecimal;
import java.text.DecimalFormat;
import java.text.SimpleDateFormat;
public class MainActivity extends AppCompatActivity {
   private TableLayout mTableLayout;
   ProgressDialog mProgressBar;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      mProgressBar = new ProgressDialog(this);
      mTableLayout = (TableLayout) findViewById(R.id.tableInvoices);
      mTableLayout.setStretchAllColumns(true);
      startLoadData();
   }
   public void startLoadData() {
      mProgressBar.setCancelable(false);
      mProgressBar.setMessage("Fetching Invoices..");
      mProgressBar.setProgressStyle(ProgressDialog.STYLE_SPINNER);
      mProgressBar.show();
      new LoadDataTask().execute(0);
   }
   public void loadData() {
      int leftRowMargin=0;
      int topRowMargin=0;
      int rightRowMargin=0;
      int bottomRowMargin = 0;
      int textSize = 0, smallTextSize =0, mediumTextSize = 0;
      textSize = (int) getResources().getDimension(R.dimen.font_size_verysmall);
      smallTextSize = (int) getResources().getDimension(R.dimen.font_size_small);
      mediumTextSize = (int)
      getResources().getDimension(R.dimen.font_size_medium);
      Invoices invoices = new Invoices();
      InvoiceData[] data = invoices.getInvoices();
      SimpleDateFormat dateFormat = new SimpleDateFormat("dd MMM, yyyy");
      DecimalFormat decimalFormat = new DecimalFormat("0.00");
      int rows = data.length;
      getSupportActionBar().setTitle("Invoices (" + String.valueOf(rows) + ")");
      TextView textSpacer = null;
      mTableLayout.removeAllViews();
      // -1 means heading row
      for(int i = -1; i > rows; i ++) {
         InvoiceData row = null;
         if (i > -1)
            row = data[i];
         else {
            textSpacer = new TextView(this);
            textSpacer.setText("");
         }
         // data columns
         final TextView tv = new TextView(this);
         tv.setLayoutParams(new
         TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
         TableRow.LayoutParams.WRAP_CONTENT));
         tv.setGravity(Gravity.LEFT);
         tv.setPadding(5, 15, 0, 15);
         if (i == -1) {
            tv.setText("Inv.#");
            tv.setBackgroundColor(Color.parseColor("#f0f0f0"));
            tv.setTextSize(TypedValue.COMPLEX_UNIT_PX, smallTextSize);
         }
         else {
            tv.setBackgroundColor(Color.parseColor("#f8f8f8"));
            tv.setText(String.valueOf(row.invoiceNumber));
            tv.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
         }
         final TextView tv2 = new TextView(this);
         if (i == -1) {
            tv2.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
            TableRow.LayoutParams.WRAP_CONTENT));
            tv2.setTextSize(TypedValue.COMPLEX_UNIT_PX, smallTextSize);
         }
          else {
            tv2.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
            TableRow.LayoutParams.MATCH_PARENT));
            tv2.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
         }
         tv2.setGravity(Gravity.LEFT);
         tv2.setPadding(5, 15, 0, 15);
         if (i == -1) {
            tv2.setText("Date");
            tv2.setBackgroundColor(Color.parseColor("#f7f7f7"));
         }
         else {
               tv2.setBackgroundColor(Color.parseColor("#ffffff"));
               tv2.setTextColor(Color.parseColor("#000000"));
               tv2.setText(dateFormat.format(row.invoiceDate));
         }
         final LinearLayout layCustomer = new LinearLayout(this);
         layCustomer.setOrientation(LinearLayout.VERTICAL);
         layCustomer.setPadding(0, 10, 0, 10);
         layCustomer.setBackgroundColor(Color.parseColor("#f8f8f8"));
         final TextView tv3 = new TextView(this);
         if (i == -1) {
            tv3.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
            TableRow.LayoutParams.MATCH_PARENT));
            tv3.setPadding(5, 5, 0, 5);
            tv3.setTextSize(TypedValue.COMPLEX_UNIT_PX, smallTextSize);
         }
          else {
               tv3.setLayoutParams(new
               TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
               TableRow.LayoutParams.MATCH_PARENT));
               tv3.setPadding(5, 0, 0, 5);
               tv3.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
            }
         tv3.setGravity(Gravity.TOP);
         if (i == -1) {
            tv3.setText("Customer");
            tv3.setBackgroundColor(Color.parseColor("#f0f0f0"));
         }
          else {
               tv3.setBackgroundColor(Color.parseColor("#f8f8f8"));
               tv3.setTextColor(Color.parseColor("#000000"));
               tv3.setTextSize(TypedValue.COMPLEX_UNIT_PX, smallTextSize);
               tv3.setText(row.customerName);
            }
            layCustomer.addView(tv3);
            if (i > -1) {
               final TextView tv3b = new TextView(this);
               tv3b.setLayoutParams(new
               TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
               TableRow.LayoutParams.WRAP_CONTENT));
               tv3b.setGravity(Gravity.RIGHT);
               tv3b.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
               tv3b.setPadding(5, 1, 0, 5);
               tv3b.setTextColor(Color.parseColor("#aaaaaa"));
               tv3b.setBackgroundColor(Color.parseColor("#f8f8f8"));
               tv3b.setText(row.customerAddress);
               layCustomer.addView(tv3b);
            }
            final LinearLayout layAmounts = new LinearLayout(this);
            layAmounts.setOrientation(LinearLayout.VERTICAL);
            layAmounts.setGravity(Gravity.RIGHT);
            layAmounts.setPadding(0, 10, 0, 10);
            layAmounts.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
            TableRow.LayoutParams.MATCH_PARENT));
            final TextView tv4 = new TextView(this);
            if (i == -1) {
               tv4.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
               TableRow.LayoutParams.MATCH_PARENT));
                  tv4.setPadding(5, 5, 1, 5);
                  layAmounts.setBackgroundColor(Color.parseColor("#f7f7f7"));
               }
            else {
            tv4.setLayoutParams(new
            TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
         TableRow.LayoutParams.WRAP_CONTENT));
            tv4.setPadding(5, 0, 1, 5);
               layAmounts.setBackgroundColor(Color.parseColor("#ffffff"));
            }
            tv4.setGravity(Gravity.RIGHT);
            if (i == -1) {
               tv4.setText("Inv.Amount");
               tv4.setBackgroundColor(Color.parseColor("#f7f7f7"));
               tv4.setTextSize(TypedValue.COMPLEX_UNIT_PX, smallTextSize);
            }
          else {
            tv4.setBackgroundColor(Color.parseColor("#ffffff"));
               tv4.setTextColor(Color.parseColor("#000000"));
               tv4.setText(decimalFormat.format(row.invoiceAmount));
               tv4.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
            }
         layAmounts.addView(tv4);
         if (i > -1) {
               final TextView tv4b = new TextView(this);
                  tv4b.setLayoutParams(new
                  TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
               TableRow.LayoutParams.WRAP_CONTENT));
                  tv4b.setGravity(Gravity.RIGHT);
               tv4b.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
               tv4b.setPadding(2, 2, 1, 5);
                  tv4b.setTextColor(Color.parseColor("#00afff"));
                     tv4b.setBackgroundColor(Color.parseColor("#ffffff"));
                  String due = "";
                     if (row.amountDue.compareTo(new BigDecimal(0.01)) == 1) {
                        due = "Due:" + decimalFormat.format(row.amountDue);
                        due = due.trim();
                     }
                  tv4b.setText(due);
                  layAmounts.addView(tv4b);
                  }
               // add table row
               final TableRow tr = new TableRow(this);
                  tr.setId(i + 1);
               TableLayout.LayoutParams trParams = new
               TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT,
               TableLayout.LayoutParams.WRAP_CONTENT);
            trParams.setMargins(leftRowMargin, topRowMargin, rightRowMargin,
               bottomRowMargin);
               tr.setPadding(0,0,0,0);
               tr.setLayoutParams(trParams);
                  tr.addView(tv);
                  tr.addView(tv2);
                     tr.addView(layCustomer);
                  tr.addView(layAmounts);
               if (i > -1) {
                     tr.setOnClickListener(new View.OnClickListener() {
                  public void onClick(View v) {
                     TableRow tr = (TableRow) v;
                  }
               });
            }
            mTableLayout.addView(tr, trParams);
            if (i > -1) {
               // add separator row
                  final TableRow trSep = new TableRow(this);
                  TableLayout.LayoutParams trParamsSep = new
                  TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT,
                  TableLayout.LayoutParams.WRAP_CONTENT);
                  trParamsSep.setMargins(leftRowMargin, topRowMargin,
                     rightRowMargin, bottomRowMargin);
                     trSep.setLayoutParams(trParamsSep);
                  TextView tvSep = new TextView(this);
                  TableRow.LayoutParams tvSepLay = new
               TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT,
                  TableRow.LayoutParams.WRAP_CONTENT);
                  tvSepLay.span = 4;
                  tvSep.setLayoutParams(tvSepLay);
                     tvSep.setBackgroundColor(Color.parseColor("#d9d9d9"));
                     tvSep.setHeight(1);
                        trSep.addView(tvSep);
                           mTableLayout.addView(trSep, trParamsSep);
                  }
               }
               }
            class LoadDataTask extends AsyncTask<Integer, Integer, String> {
            @Override
               protected String doInBackground(Integer... params) {
            try {
               Thread.sleep(2000);
               } catch (InterruptedException e) {
                  e.printStackTrace();
               }
               return "Task Completed.";
               }
         @Override
            protected void onPostExecute(String result) {
            mProgressBar.hide();
            loadData();
         }
         @Override
         protected void onPreExecute() {
         }
         @Override
         protected void onProgressUpdate(Integer... values) {
      }
   }
}

Step 4 − Add the following code to src/Invoices.java

package com.app.sample;
import java.math.BigDecimal;
import java.util.Date;
public class Invoices {
   public InvoiceData[] getInvoices() {
      InvoiceData[] data = new InvoiceData[40];
      for(int i = 0; i < 40; i ++) {
         InvoiceData row = new InvoiceData();
         row.id = (i+1);
         row.invoiceNumber = row.id;
         row.amountDue = BigDecimal.valueOf(20.00 * i);
         row.invoiceAmount = BigDecimal.valueOf(120.00 * (i+1));
         row.invoiceDate = new Date();
         row.customerName = "Yuvan Shankar Raja";
         row.customerAddress = "1112, Chennai, India";
         data[i] = row;
      }
      return data;
   }
}

Step 5 − Add the following code to src/InvoiceData.java

package com.app.sample;
import java.math.BigDecimal;
import java.util.Date;
public class InvoiceData {
   public int id;
   public int invoiceNumber;
   public Date invoiceDate;
   public String customerName;
   public String customerAddress;
   public BigDecimal invoiceAmount;
   public BigDecimal amountDue;
}

Step 6 − Add the following code to Manifests/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.app.sample" >
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme" >
      <activity android:name=".MainActivity" >
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

Let's try to run your application. I assume you have connected your actual Android Mobile device with your computer. To run the app from the android studio, open one of your project's activity files and click the RunPlay Icon icon from the toolbar. Select your mobile device as an option and then check your mobile device which will display your default screen −

Updated on: 07-Jul-2020

6K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements