// with jQuery var $grid = $('.grid').isotope({ itemSelector: '.grid-item', getSortData: { name: '.name', category: '[data-category]' }, // layout mode options masonry: { columnWidth: 200 } });
// with vanilla JS var iso = new Isotope( '.grid', { itemSelector: '.grid-item', getSortData: { name: '.name', category: '[data-category]' }, masonry: { columnWidth: 200 } });
<!-- in HTML --> <div class="grid" data-isotope='{ "itemSelector": ".grid-item", "getSortData": { "name": ".name", "category": "[data-category]" }, "masonry": { "columnWidth": 200 } }'>