title: React Native Grid view to show comparsion table
body: <p>Using react native how can I build a comparison table, which looks like
  <a href="https://www.edrawsoft.com/templates/images/smart-phone-comparison-table.png" rel="nofollow noreferrer">https://www.edrawsoft.com/templates/images/smart-phone-comparison-table.png</a></p>
  
  <p>I also want to have a section header if possible. Eg The Price is not in its own column but is similar to a table section header in iOS
  A List view will give me one column but I want multiple columns </p>
  
  <p>Thanks</p>
  
  <p>EDIT:
  The below code works but the problem is that if I scroll horizontal then only one list view will scroll. I want both of them to scroll. (I am basically trying to make rows and columns like excel, in my case the data may be large (30 rows and 5-8 columns) and I don't want to hardcode it.)</p>
  
  <pre><code> render() {
      return (
        &lt;ScrollView&gt; 
        &lt;ListView horizontal
          style={styles.container}
          dataSource={this.state.dataSource}
          renderRow={this.renderRow}
        /&gt;
  
           &lt;ListView horizontal
          style={styles.container}
          dataSource={this.state.dataSource}
          renderRow={this.renderRow}
        /&gt;
  
        &lt;/ScrollView&gt;
      )
  </code></pre>
  
  <p>In the below image I want both the list views to be scrolled when the 2nd one is scrolled but as seen in the image only the 2nd ListView is scrolling and not the first one... 
  <a href="https://i.stack.imgur.com/XNvZz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XNvZz.png" alt="enter image description here"></a></p>