title: how to make tablelayout with same width row, in one row contains two cell with same height
body: <p>How to make layout android for below picture? but I want each column has same width
  <img src="https://i.stack.imgur.com/5zo98.jpg" alt="enter image description here"></p>
  
  <p>I have created but it cannot be same width for each column</p>
  
  <pre><code>&lt;LinearLayout
      android:orientation="horizontal" 
      android:layout_width="fill_parent"
      android:weightSum="2" 
      android:layout_height="fill_parent"&gt;
      &lt;TableLayout 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:background="#9812AC"&gt;        
          &lt;TableRow&gt;
              &lt;TextView
                  android:layout_width="wrap_content"
                  android:layout_height="100dip"
                  android:text="Happy Vendor3"&gt;
              &lt;/TextView&gt;
          &lt;/TableRow&gt;
      &lt;/TableLayout&gt;
      &lt;TableLayout 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:layout_weight="1"&gt;        
          &lt;TableRow&gt;
              &lt;TextView
                  android:layout_width="wrap_content"
                  android:layout_height="50dip"
                  android:text="Happy Vendor"
                  android:background="#000"&gt;
              &lt;/TextView&gt;
          &lt;/TableRow&gt;
          &lt;TableRow&gt;
              &lt;TextView
                  android:layout_width="wrap_content"
                  android:layout_height="50dip"
                  android:text="Happy Vendor2"
                  android:background="#CCC"&gt;
              &lt;/TextView&gt;
          &lt;/TableRow&gt;
      &lt;/TableLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I just tried using textview to make it simple. Thanks in advance.</p>