Adding Table Rows Dynamically in Android

Adding Table rows Dynamically in Android

You shouldn't be using an item defined in the Layout XML in order to create more instances of it. You should either create it in a separate XML and inflate it or create the TableRow programmaticaly. If creating them programmaticaly, should be something like this:

    public void init(){
    TableLayout ll = (TableLayout) findViewById(R.id.displayLinear);


    for (int i = 0; i <2; i++) {

        TableRow row= new TableRow(this);
        TableRow.LayoutParams lp = new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT);
        row.setLayoutParams(lp);
        checkBox = new CheckBox(this);
        tv = new TextView(this);
        addBtn = new ImageButton(this);
        addBtn.setImageResource(R.drawable.add);
        minusBtn = new ImageButton(this);
        minusBtn.setImageResource(R.drawable.minus);
        qty = new TextView(this);
        checkBox.setText("hello");
        qty.setText("10");
        row.addView(checkBox);
        row.addView(minusBtn);
        row.addView(qty);
        row.addView(addBtn);
        ll.addView(row,i);
    }
}

How to add a row dynamically in a tableLayout in Android

Check this out, this is the general way of creating table rows dynamically. Modify it accordingly

XML file

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

android:id="@+id/main_table"
android:layout_height="wrap_content" 
android:layout_width="match_parent">
</TableLayout> 

JAVA PART

TableLayout t1;

TableLayout tl = (TableLayout) findViewById(R.id.main_table);

Create table row header to hold the column headings

TableRow tr_head = new TableRow(this);
tr_head.setId(10);
tr_head.setBackgroundColor(Color.GRAY);        // part1
tr_head.setLayoutParams(new LayoutParams(
LayoutParams.MATCH_PARENT,
LayoutParams.WRAP_CONTENT));

I'm adding two data sections to the table row

TextView label_hello = new TextView(this);
         label_hello.setId(20);
         label_hello.setText("HELLO");
         label_hello.setTextColor(Color.WHITE);          // part2
         label_hello.setPadding(5, 5, 5, 5);
         tr_head.addView(label_hello);// add the column to the table row here

         TextView label_android = new TextView(this);    // part3
         label_android.setId(21);// define id that must be unique
         label_android.setText("ANDROID..!!"); // set the text for the header  
         label_android.setTextColor(Color.WHITE); // set the color
         label_android.setPadding(5, 5, 5, 5); // set the padding (if required)
         tr_head.addView(label_android); // add the column to the table row here

After adding the columns to the table row its time to add the table row the the main table layout that we fetched at the start

tl.addView(tr_head, new TableLayout.LayoutParams(
                 LayoutParams.FILL_PARENT,                    //part4
                 LayoutParams.MATCH_CONTENT));      

EDIT : YOU CAN DO THE FOLLOWING IN YOUR CODE

 TextView[] textArray = new TextView[productsList.length()];
 TableRow[] tr_head = new TableRow[productsList.length()];

 for(int i=0; i<productsList.length();i++){
 JSONObject product = productsList.getJSONObject(i);
 JSONObject productData = product.getJSONObject("Product");
 String productDescription = productData.getString("description");

//Create the tablerows
tr_head[i] = new TableRow(this);
tr_head[i].setId(i+1);
tr_head[i].setBackgroundColor(Color.GRAY);
tr_head[i].setLayoutParams(new LayoutParams(
LayoutParams.MATCH_PARENT,
LayoutParams.WRAP_CONTENT));

 // Here create the TextView dynamically

 textArray[i] = new TextView(this);
         textArray[i].setId(i+111);
         textArray[i].setText(productDescription);
         textArray[i].setTextColor(Color.WHITE);
         textArray[i].setPadding(5, 5, 5, 5);
         tr_head[i].addView(textArray[i]);

// Add each table row to table layout

tl.addView(tr_head[i], new TableLayout.LayoutParams(
                     LayoutParams.MATCH_PARENT,
                     LayoutParams.WRAP_CONTENT));

} // end of for loop

Creating the TextView and TableRow array are not necessary. You can just include part1, part2, part3 (if you need more than 1 field) and part4 inside your for loop.

Adding TableRow Dynamically to TableLayout in xml

A table in real life needs at least one row and one column.
You didn't see the table, because you only created a row, but, there were no column.

You need to add a column to the row for something to be visible.

Try this :

  TextView label_date = new TextView(this);
    label_date.setText("DATE");
    label_date.setTextColor(Color.WHITE);
    label_date.setPadding(5, 5, 5, 5);
    tableRow.addView(label_date);// add the column to the table row here

    tableLayout.addView(tableRow, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

You can replace the textView with whatever the value you want it to be.

tableLayout.addView(tableRow, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

Here what happens is, you say, add a view into tableLayout and you tell which view it is, and you also say the width and height of the view should wrap it's contents.

Also, specifying 40,70 is not a great idea, what happens when you have varying screen sizes. Furthermore, use a library to handle dynamic view addition and removal. You don't need to reinvent the wheel and save a lot of time and effort. For table views, https://github.com/EsotericSoftware/tablelayout might be a good one (not sure). Another question is, is table view what you are looking for? Make sure you are not mistaking recyclerView for table views, I say this because I don't understand your use case.

Useful link : https://technotzz.wordpress.com/2011/11/04/android-dynamically-add-rows-to-table-layout/

Dynamically add TableRow to above of TableLayout

According to Android Team's answer I realized I must change this line:

table.addView(row);

to this:

table.addView(row, 0);

How to add row dynamically in table layout or How to show full db Records in single table Layout

Hello Techie :) I solved my problem after reading many articles on Table Layout over Internet. i'm giving this problems solution with Table-Layout hope this will help others .

AdminDisplay.java # Editable Version

     package com.example.yadapras.mobiltyemp;
    
    import android.content.Context;
    import android.database.Cursor;
    import android.database.sqlite.SQLiteDatabase;
    import android.database.sqlite.SQLiteException;
    import android.graphics.Color;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.JsonReader;
    import android.util.Log;
    import android.view.Gravity;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.widget.TableLayout;
    import android.widget.TableRow;
    import android.widget.TextView;
    
    import org.json.JSONException;
    import org.json.JSONObject;
    
    import java.util.List;
    
    public class AdminDisplay extends AppCompatActivity {
    
        TableLayout tableLayout;
        private SQLiteDatabase db;
        private Context context ;
    
        DatabaseHelper helper = new DatabaseHelper(this);
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
    
            super.onCreate(savedInstanceState);
            setContentView(R.layout.admin_display);
            context = this;
            DatabaseHelper helper = new DatabaseHelper(this);
    
            tableLayout = (TableLayout)findViewById(R.id.tableLayout1) ;
            TableRow rowHeader = new TableRow(context);
            rowHeader.setBackgroundColor(Color.parseColor("#c0c0c0"));
            rowHeader.setLayoutParams(new TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT,
                    TableLayout.LayoutParams.WRAP_CONTENT));
            String[] headerText={"ID","USERNAME","EMAIL","PHONE_NO","IMEI_NO","DEV_MODEL"};
    
            for(String c:headerText) {
                TextView tv = new TextView(this);
                tv.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
                        TableRow.LayoutParams.WRAP_CONTENT));
                tv.setGravity(Gravity.CENTER);
                tv.setTextSize(18);
                tv.setPadding(5, 5, 5, 5);
                tv.setText(c);
    
                rowHeader.addView(tv);
            }
            tableLayout.addView(rowHeader);
    
            SQLiteDatabase db = helper.getReadableDatabase();
            db.beginTransaction();
    
            try
            {
                String selectQuery = "SELECT * FROM "+ DatabaseHelper.TABLE_NAME;
                Cursor cursor = db.rawQuery(selectQuery,null);
                if(cursor.getCount() >0)
                {
                    while (cursor.moveToNext()) {
                        // Read columns data
                        int id          = cursor.getInt(cursor.getColumnIndex("id"));
                        String user_name= cursor.getString(cursor.getColumnIndex("username"));
                        String email= cursor.getString(cursor.getColumnIndex("email"));
                        String phone_no = cursor.getString(cursor.getColumnIndex("phone_no"));
                        String imei_no = cursor.getString(cursor.getColumnIndex("imei_no"));
                        String dev_model = cursor.getString(cursor.getColumnIndex("dev_model"));
    
                        // dara rows
                        TableRow row = new TableRow(context);
                        row.setLayoutParams(new TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT,
                                TableLayout.LayoutParams.WRAP_CONTENT));
                        String[] colText={id+"",user_name,email,phone_no,imei_no,dev_model};
                        for(String text:colText) {
                            TextView tv = new TextView(this);
                            tv.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT,
                                    TableRow.LayoutParams.WRAP_CONTENT));
                            tv.setGravity(Gravity.CENTER);
                            tv.setTextSize(16);
                            tv.setPadding(5, 5, 5, 5);
    
                            tv.setText(text);
                            row.addView(tv);
                        }
                        tableLayout.addView(row);
    
                    }
    
                }
                db.setTransactionSuccessful();
    
            }
            catch (SQLiteException e)
            {
                e.printStackTrace();
    
            }
            finally
            {
                db.endTransaction();
                // End the transaction.
                db.close();
                // Close database
            }
    
        }
   }

 

Adding row dynamically in android studio java

Inside your onClickListner of the add button, implement the code to add TableRow and its element programmatically.

JAVA PART

TableLayout tableLayout;
TableLayout tableLayout = (TableLayout) findViewById(R.id.MainTable);

Create table row header for new row

TableRow tr_head = new TableRow(this);
tr_head.setId(10);
tr_head.setBackgroundColor(Color.GRAY);    
tr_head.setLayoutParams(new LayoutParams(
LayoutParams.MATCH_PARENT,
LayoutParams.WRAP_CONTENT));

Add data to the row
I'll add two TextViews to the TableRow created, you can add as much as you need.

TextView label_hello = new TextView(this);
label_hello.setId(20); // define id that must be unique
label_hello.setText("HELLO"); // set the text  
label_hello.setTextColor(Color.WHITE);      
label_hello.setPadding(5, 5, 5, 5); 


TextView label_android = new TextView(this); 
label_android.setId(21);// define id that must be unique
label_android.setText("ANDROID..!!"); // set the textlabel_android.setTextColor(Color.WHITE); // set the color 
label_android.setPadding(5, 5, 5, 5); // set the padding (if required)

tr_head.addView(label_hello);// add the column to the table row 
tr_head.addView(label_android);

After adding the columns to the table row its time to add the table row the main table layout that we fetched at the start

tableLayout.addView(tr_head, new TableLayout.LayoutParams(
                     LayoutParams.FILL_PARENT,                 
                     LayoutParams.MATCH_CONTENT));      

SUGGESTION

It is recommended to use RecyclerView with a custom layout in this kind of scenario. The approach which you are implementing will cause serious performance issues if there's a number of data. Also, the way you can add/read/remove data can be made much easier using RecyclerView

How to add rows dynamically into table layout

The way you have added a row into the table layout you can add multiple TableRow instances into your tableLayout object

tl.addView(row1);
tl.addView(row2);

etc...

---

Related Topics