title: How to show grid lines in flatList in react native
body: <p>I have list of employee details. I need the grid lines between them (to view as a table). How it is possible with flatList in react native?</p>
  
  <pre><code>    &lt;View &gt;
                    &lt;View style={Styles.empTab}&gt;
                      &lt;ScrollView horizontal={true} &gt;
                        &lt;View style={Styles.empTable}&gt;
                          &lt;Text&gt;SL#&lt;/Text&gt;
                          &lt;FlatList
                            //style={Styles.empData}
                            data={this.state.empData}
                            keyExtractor={item =&gt; item.emp_id + ""}
                            renderItem={({ item }) =&gt; (
                              &lt;View style={Styles.empitem}&gt;
                                &lt;Text&gt;{item["emp_id"]}&lt;/Text&gt;
                              &lt;/View&gt;
                            )}
                          /&gt;
                        &lt;/View&gt;
  
                        &lt;View style={Styles.empTable}&gt;
                          &lt;Text&gt;Name&lt;/Text&gt;
                          &lt;FlatList
                            //style={Styles.empData}
                            data={this.state.empData}
                            keyExtractor={item =&gt; item.emp_id + ""}
                            renderItem={({ item }) =&gt; (
                              &lt;View  style={Styles.empitem}&gt;
                                &lt;Text&gt;{item["name"]}&lt;/Text&gt;
                              &lt;/View&gt;
                            )}
                          /&gt;
                        &lt;/View&gt;
                      &lt;/ScrollView&gt;
                    &lt;/View&gt;
  </code></pre>
  
  <p>The result is like as</p>
  
  <pre><code>SL#  Name 
  1    ab     
  2     gh 
  </code></pre>
  
  <p>I need to view it as a table (ie with row-column border)</p>