Не работают опции rows и slidesPerRow в slick. Как исправить?

Question

[freeman0204]

Нужно расположить 3 item в 3 ряда.
Делаю это так:

$('.slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        slidesToShow: 9,
        slidesToScroll: 0,
        arrows: false,
        dots: false,
        rows: 3,
        slidesPerRow: 3,
        asNavFor: '.slider-for'
    });

Вот pug:

.col-lg-5
.slider-for
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                .col-lg-7
                  .slider-nav
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')
                    .item
                      img(src='../images/photo-1.png')

И если применить

rows: 3,
 slidesPerRow: 3,

получается один item, а в нем все эти слайды. И на них нажать нельзя. Нужно, чтобы на них можно было нажать, на каждый в отдельности.

Comments

[Тимур Орлов]

Всё работает. Обрати внимание на нижние DIV два или три там их, это и есть "строки". У меня точно так же. Но будь внимателен. Обратного действия в resposive не вернуть. Если в начале у тебя будет rows равен 2-м или выше, единицу или меньше от изначальной не поставишь. Причину не знаю, как всегда разработчики что-то профукали и не доработали. Где-то пишут решения, но только на буржуйских форумах на инглише, но это костыли, при чём громоздкие и неуклюжие. Лучше отказаться от rows, я считаю этот параметр сырым...даже мокрым. Надеюсь в будущих версиях доработают.
Но если интересно:
https://github.com/kenwheeler/slick/issues/1243
и
https://stackoverflow.com/questions/33800622/slick...