title: Multi row swiper not working in react from swiper.js
body: <pre><code>import React, { Fragment } from &quot;react&quot;;
  import { Swiper, SwiperSlide } from &quot;swiper/react&quot;;
  import SwiperCore, { EffectCoverflow, Navigation } from &quot;swiper&quot;;
  import &quot;swiper/swiper-bundle.css&quot;;
  import &quot;./App.css&quot;;
  import Party2 from &quot;./Party2.png&quot;;
  
  SwiperCore.use([EffectCoverflow, Navigation]);
  
  const slides = [];
  for (let i = 0; i &lt; 10; i += 1) {
    slides.push(
      &lt;SwiperSlide key={`slide-${i}`}&gt;
        &lt;img
          className=&quot;review-slider-image&quot;
          src={Party2}
          style={{ listStyle: &quot;none&quot; }}
          alt={`Slide ${i}`}
        /&gt;
      &lt;/SwiperSlide&gt;
    );
  }
  
  const App = () =&gt; {
    return (
      &lt;Fragment&gt;
        &lt;Swiper
          slidesPerView=&quot;3&quot; // or 'auto'
          slidesPerColumn=&quot;2&quot;
          slidesPerGroup=&quot;3&quot;
          spaceBetween=&quot;5&quot;
          grabCursor={true}
          autoplay={{ delay: 3000 }}
          navigation
        &gt;
          {slides}
        &lt;/Swiper&gt;
      &lt;/Fragment&gt;
    );
  };
  
  export default App;
  
  </code></pre>
  <p>CSS code</p>
  <pre><code>body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }
  
  .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .swiper-slide {
    width: 300px;
    height: 300px;
  }
  
  .swiper-slide img {
    width: 100%;
  }
  
  </code></pre>
  <p>I want to create multi row slider from swiper.js in react. I am not able to achieve that with what they have provided in the documentation. Here is the github repo of what I want to create from swiper.js
  <a href="https://github.com/nolimits4web/Swiper/blob/master/demos/170-slides-per-column.html" rel="nofollow noreferrer">https://github.com/nolimits4web/Swiper/blob/master/demos/170-slides-per-column.html</a>
  How do I solve this issue</p>