How to enable/disable grid on specific breakpoints?

[lamualfa]

Setting grid to undefined will gives you typescript error.

new Swiper(".article-swiper", {
  grid: {
    rows: 2,
    fill: "row",
  },
  breakpoints: {
    768: {
      grid: undefined,
    },
  },
})

This also doesn't work:

new Swiper(".article-swiper", {
  slidesPerView: 2,
  slidesPerGroup: 2,
  spaceBetween: 7,
  grid: {
    rows: 2,
    fill: "row",
  },
  breakpoints: {
    768: {
      grid: {
        rows: undefined,
        fill: undefined,
      },
    },
  },
})

There's no way to disable grid on specific breakpoints in swiper. The only available option is create different swipers for each breakpoints.

Sorry to mention, do u have any idea about this @nolimits4web?

[lamualfa]

Apparently, this is works. This method will reset the swiper to its default behavior.

new Swiper(".article-swiper", {
  slidesPerView: 2,
  slidesPerGroup: 2,
  spaceBetween: 7,
  grid: {
    rows: 2,
    fill: "row",
  },
  breakpoints: {
    768: {
      grid: {
        rows: 1,
        fill: 'row',
      },
    },
  },
})