slidespercolumns 在 swiper 滑块中不起作用

如何解决slidespercolumns 在 swiper 滑块中不起作用

我尝试使用 6.5.8 版的 swiper 显示列基础滑块。

HTML：

 <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
      <div class="swiper-slide">Slide 10</div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

JS：

var swiper = new Swiper('.swiper-container',{
  slidesPerView: 3,slidesPerColumn: 2,slidesPerGroup: 6,spaceBetween: 30,pagination: {
    el: '.swiper-pagination',clickable: true,},});

但实际上 slidesPerColumn 和 slidesPerGroup 不起作用。我该如何解决这个问题？

需要这样的：

演示HERE