$(function () {
     $('.board_output .board_output ').addClass('swiper-container');
    $('.board_output .board_output > tbody').addClass('swiper-wrapper');
    $('.board_output .board_output > tbody > tr').addClass('swiper-slide');


     
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 4,
        spaceBetween: 20,
        slidesPerGroup: 1,
        loop: true,
        autoplay: true,
        loopFillGroupWithBlank: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            575: {
                slidesPerView: 1,
                spaceBetween: 10,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: 10,
            },
            1024: {
                slidesPerView: 4,
                spaceBetween: 15,
            },
        }
    });
})