Isotop-filtering-with-masonary-start-here

// ======mixitup-filtering-with-masonary-start-here===== 
//  init Isotope
    var $grid = $('#grid').isotope({
        itemSelector: '.grid-item',
        layoutMode: 'fitRows',
        getSortData: {
            name: '.name',
            symbol: '.symbol',
            number: '.number parseInt',
            category: '[data-category]',
            weight: function (itemElem) {
                var weight = $(itemElem).find('.weight').text();
                return parseFloat(weight.replace(/[\(\)]/g, ''));
            }
        }
    });


    $('.portfolio-menu').on('click', 'button', function () {
        $(this).addClass('active').siblings().removeClass('active');
        var filterValue = $(this).attr('data-filter');
        $grid.isotope({filter: filterValue});
    });




    $('#grid').isotope({
        // options...
        itemSelector: '.grid-item',
        masonry: {
            columnWidth: 200
        }
    });
//  ======mixitup-filtering-with-masonary-end-here=====