title: SectionList on multiple columns React Native
body: <p>I have this data which I want rendered on multiple columns instead of one on top of the other</p>
  <pre><code>const DATA = [
    {
      squadra: [&quot;Atalanta - Sassuolo&quot;],
      data: [{ id: 1, quota: '1.33'},{id:'X', quota:'5.12'},{id:2, quota: '8.25'}],
    },
  ];
  </code></pre>
  <p>I'd like the IDs to stay on top and the 'quota' to stay below the corresponding ID</p>
  <p>the section list code is this:</p>
  <pre><code>&lt;SectionList
          sections={DATA}
          keyExtractor={(item, index) =&gt; item + index}
          renderItem={({item}) =&gt; (
            &lt;TouchableOpacity
              onPress={() =&gt; {
                console.log(item.id)
            }}
            &gt;
              
                &lt;Text&gt;{item.quota}&lt;/Text&gt;
              
            &lt;/TouchableOpacity&gt;
          )}
          renderSectionHeader={({section: {squadra}}) =&gt; (
            &lt;Text style={styles.header}&gt;{squadra}&lt;/Text&gt;
          )}
        /&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/7QV9i.png" rel="nofollow noreferrer">on same column photo</a></p>