title: Imitate TableLayout with ConstraintLayout
body: <p>I want to do this layout with ConstraintLayout. </p>
  
  <p><a href="https://i.stack.imgur.com/TiPVY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TiPVY.png" alt="enter image description here"></a>
  But I failed even to do the 1(green) part of it. </p>
  
  <p>What I do is I add 3 TextViews 1,2 and 3 (pink) connect them to the left of parent and tell them to be one under the other. It works.</p>
  
  <p>Then I need to add views 4 and 5 so they always be on the right of 2 and 3 and its content must be aligned vertically to the left edge just as shown on the picture.</p>
  
  <p>The problem that when I add </p>
  
  <pre><code> app:layout_constraintLeft_toRightOf="2 OR 3" 
  </code></pre>
  
  <p>the text in 4 and 5 is not aligned properly. I get this </p>
  
  <p><a href="https://i.stack.imgur.com/tnmol.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tnmol.png" alt="enter image description here"></a></p>
  
  <p>When I use Guideline I get this </p>
  
  <pre><code> app:layout_constraintLeft_toRightOf="@id/guideline"
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ktev7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ktev7.png" alt="enter image description here"></a></p>
  
  <p>Does anyone know what can help with this?</p>
  
  <p>Edit. P.S. layout of 1st attempt</p>
  
  <pre><code> &lt;android.support.constraint.ConstraintLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="16dp"
   android:id="@+id/constraintLayout"
   &gt;
  
  &lt;TextView
      android:id="@+id/instrument_name"
      android:layout_width="wrap_content"
      android:layout_height="0dp"
      android:text="AUDUSD"
      app:layout_constraintStart_toStartOf="@+id/constraintLayout"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"/&gt;
  
  &lt;TextView
      android:id="@+id/trade_action_label"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:text="BUYjhkjhkjhvg"
      app:layout_constraintStart_toStartOf="@+id/instrument_name"
      app:layout_constraintTop_toBottomOf="@id/instrument_name"
      tools:layout_editor_absoluteX="16dp"
      android:layout_marginTop="1dp"/&gt;
  
  &lt;TextView
      android:id="@+id/net_pl"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Net p/l"
      app:layout_constraintStart_toStartOf="@+id/trade_action_label"
      app:layout_constraintTop_toBottomOf="@id/trade_action_label"/&gt;
  
  &lt;TextView
      android:id="@+id/record_amount"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="123"
      app:layout_constraintTop_toTopOf="@id/trade_action_label"
      app:layout_constraintLeft_toRightOf="@id/trade_action_label"
      tools:layout_editor_absoluteY="33dp"
      /&gt;
  
  &lt;TextView
      android:id="@+id/pl_value"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="12"
      app:layout_constraintTop_toTopOf="@id/net_pl"
      app:layout_constraintLeft_toRightOf="@id/net_pl"/&gt;
   &lt;/android.support.constraint.ConstraintLayout&gt;
  </code></pre>
  
  <p>Edit. (screenshot of how the result should look like)
  <a href="https://i.stack.imgur.com/CORRa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CORRa.png" alt="enter image description here"></a></p>