Я использую Masonry-js
в моем проекте, но он показывает только один столбец.Я попробовал плагин NgxMasonry
, и он работает, но ему нужно слишком много времени для построения сетки.
.ts
import Masonry from 'masonry-layout'
ngAfterViewInit() {
var elem = document.querySelector('.masonry');
var msnry = new Masonry( elem, {
// options
itemSelector: '.eventItem',
columnWidth: 180
});
}
.html
<div class="masonry">
<div class="eventItem" *ngFor="let item of eventsList"
/...
</div>
</div>
.scss
.masonry{
width: 100%;
.eventItem{
width: 48%;
}
}