title: How to make dynamic colspan in loop React
body: <p>I have a problem in my reactjs with material ui 4.</p>
  <p>I found an example on sandbox, but I want make 2 colspan in loop
  <a href="https://codesandbox.io/s/uf41ph?file=/demo.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/uf41ph?file=/demo.tsx</a></p>
  <p>Expect:<a href="https://i.stack.imgur.com/AkQUN.png" rel="nofollow noreferrer">image attached</a></p>
  <p>Have you encountered this situation?</p>
  <p>Give me some advice!</p>
  <p>Thanks and regards.</p>