title: How to iterate through table cells and rows in React when I must iterate through multiple data arrays?
body: <p>I am trying to implement a table but since I have to iterate through multiple arrays for each row, my items wont get rendered in the correct row or are but the height gets messed up since I don't think I implement the table properly. Could someone please help? </p>
  
  <pre><code>&lt;table id="customers"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Country&lt;/th&gt;
              &lt;th&gt;Cities&lt;/th&gt;
              &lt;th&gt;Shops&lt;/th&gt;
              &lt;th&gt;Map&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt; {this.renderCountries()}&lt;/td&gt;
              &lt;td&gt; {this.state.renderCities ? this.renderCities() :
                  &lt;p&gt;{this.state.defaultCity}&lt;/p&gt;} &lt;/td&gt;
              &lt;td&gt; {this.state.renderShops ? this.renderShops() :
                  &lt;p&gt;{this.state.defaultShopName}&lt;/p&gt;} &lt;/td&gt;
              &lt;td&gt; {this.state.renderMap ? this.renderMap() : null} &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>in my methods (renderCountries etc), I iterate through the particular array and return another component</p>
  
  <pre><code>   renderCountries = () =&gt; {
      return this.state.countries.map((country, index) =&gt; {
          return (
              &lt;Column
                  key={index}
                  data={country}
              /&gt;
          )
      })
  };
  
  const Column = ({data}) =&gt; (&lt;p&gt; {data}&lt;/p&gt;);
  </code></pre>
  
  <p>The way I have it so far is the only one that at least renders all items in the correct cell, however, it messes up the CSS (the second row, all items get moved about 200px down), I think its because I m not implementing the table properly, but when I change that to anything else, items wont get rendered correctly. If more info is needed please let me know. </p>